Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
css Standartbreite 80% aber min 600px
zurück: Links beim Drucken weiter: Div-Box in Box in Box? Strukturaufbau unklar Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Antwort Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
Gast



Verfasst am:
27. Apr 2010, 02:42
Rufname:

css Standartbreite 80% aber min 600px - css Standartbreite 80% aber min 600px

Nach oben
       

Hey Leutz,
es ist soweit, ich komme nicht mehr weiter mit meinen Ideen.
Leider liefert mir auch Tantchen google keine brauchbaren Antworten...

Ich möchte in meinem neuen CSS-Design folgendes realisieren:
Ein Wrapper, 100% höhe * 100% breite (wird u.a. benötigt für ein Hintergrundbild),
das funktioniert auch perfekt Wink
Darin sollen enthalten sein: 2 Div-Boxen,
und hier fangen meine Probleme an !

Es soll oben eine schmale Box sein, worin ich das Menü (einfache Textlinks) reinpacke,
und darunter eine weitere Box worin mein eigentlicher Webinhalt dargestellt werden soll.

Das Problem:
Ich bekomme es hin, entsprechende Boxen mit einer Breitenangabe von z.B. 80% zu versehen, leider hätte ich zusätzlich noch eine minimum breite auf z.b. 600px festgelegt.

Erreichen möchte ich, dass im Vollbild halt eine 80% breite Box dargestellt wird.
Sollte jemand ein schmaleres Browserfenster nutzen, hätte ich gerne, dass die rechnerischen 20% Rand entfallen und die 600px dargestellt werden.
Sollte das Browserfenster noch schmaler gezogen werden, dann wird halt nicht mehr die volle breite angezeigt und es bleibt nur ein Teil der Webseite sichtbar.

Hättet Ihr da bitte mal eine helfende Hand und evtl. einen link zu einem Beispiel für mich?

Ich würde mich echt freuen.
Danköööö,
Andy

Anbei mal ein kleiner Ausschnitt meiner CSS Datei, worin die Boxen aufgebaut werden .... Ist halt "nur" mein Bastelcode ...
Code:
html, body {margin:0; padding:0; width:100%; height:100%;
overflow:hidden;}

#wrapper {
   position:absolute;
   width:100%;
   height:100%;
   background-color: #D9DADA;
   color: white; /* Schriftfarbe */
   padding:0;
   border:0;
   z-index:1;   
}

#header {
   position:absolute;
   width:80%;
   height:90%;
   left: 10%;
   top: 5%;
   overflow:auto;
   z-index:2;
   color: black; /* Schriftfarbe */
   background-color:#666;
}
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
30. Apr 2010, 12:47
Rufname:
Wohnort: Aachen


AW: css Standartbreite 80% aber min 600px - AW: css Standartbreite 80% aber min 600px

Nach oben
       

Hallo Andy,

du brauchst das Style für den header nur um die Angabe min-width: 600px; zu ergänzen. Funktioniert im FF 3.6, Safari 4 und IE 7. Nur der IE 6 kann mit dieser Angabe nichts anfangen, aber wer mag schon den IE 6?

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge Wichtig: HTML & CSS Forum: Tutorial - CSS Menü inklusive Anleitung für Grafiken 0 maninweb 10819 22. Dez 2008, 15:02
maninweb Tutorial - CSS Menü inklusive Anleitung für Grafiken
Keine neuen Beiträge MS Expression Web Forum: CSS Dropdownmenü touchfähig machen 0 aquidan 90 16. März 2014, 14:25
aquidan CSS Dropdownmenü touchfähig machen
Keine neuen Beiträge HTML & CSS Forum: CSS Layout anzeige Problem im IE8 4 Gast 888 05. Nov 2012, 19:54
Gast CSS Layout anzeige Problem im IE8
Keine neuen Beiträge HTML & CSS Forum: CSS Browser Compatibility Problem 1 frosenow 2244 19. Jul 2012, 09:30
PeterKarrenberger CSS Browser Compatibility Problem
Keine neuen Beiträge HTML & CSS Forum: CSS/HTML: Leere Fläche unterhalb der Tabellen 2 muhmaff 1739 26. Jun 2012, 18:25
muhmaff CSS/HTML: Leere Fläche unterhalb der Tabellen
Keine neuen Beiträge HTML & CSS Forum: CSS Formatierung 4 MonaLisa73 1206 24. Jun 2012, 21:08
MonaLisa73 CSS Formatierung
Keine neuen Beiträge HTML & CSS Forum: CSS/HTML5 Sound bei Mouseover 12 Eberh@rd 3494 15. März 2012, 19:27
Eberh@rd CSS/HTML5 Sound bei Mouseover
Keine neuen Beiträge HTML & CSS Forum: Bildgröße in CSS ausgliedern 1 Gast 1180 05. Okt 2011, 12:06
womaninweb Bildgröße in CSS ausgliedern
Keine neuen Beiträge HTML & CSS Forum: CSS: ul horizontal im elternelement zentrieren 5 losgehts 2325 18. März 2011, 10:57
losgehts CSS: ul horizontal im elternelement zentrieren
Keine neuen Beiträge HTML & CSS Forum: CSS urheberrechtlich schützbar? 2 HermanZ 1814 01. Feb 2011, 11:59
HermanZ CSS urheberrechtlich schützbar?
Keine neuen Beiträge HTML & CSS Forum: .css formatvorlage für 3 internetseiten verwenden 5 onurk 1485 28. Jan 2011, 20:47
MartinPent .css formatvorlage für 3 internetseiten verwenden
Keine neuen Beiträge HTML & CSS Forum: CSS nur auf einem Client ausfuehren lassen 2 Brettvormkopp 863 12. Jun 2009, 08:27
Brettvormkopp CSS nur auf einem Client ausfuehren lassen
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: Word VBA