Border-Attribut im Body-Tag
Volker Stolle
- design/layout
0 Frank Stabenau0 MudGuard0 daniel84
0 Thomas Luethi
Hallo zusammen,
ich habe folgende Frage:
meine Seite basiert auf einem klassischen, dreiteiligen Layout (Kopf, Navigation links und Inhalt). Um das ganze optisch etwas aufzupeppen, möchte ich zwischen den Bereichen eine dünne (kein Frame-Border!) Linie setzen. Das hab ich versucht über CSS zu realisieren. Für die entsprechenden Body-Tags hab ich die Border-Deklarationen gesetzt (border: 1px; border-left-style: solid).
Im IE 6 wird die Linie bis zum unteren Browserrand gezeichnet, in anderen Browsern (Netscape 4.7, Opera 7.21 und Mozilla Firebird 0.7) wird die Linie nur bis zum letzten Element des Bodys gezeichnet, also nicht bis zum unteren Rand.
Wie kann ich das Problem umgehen? Ich hab auch schon vergebens DIV verwendet...
Schon mal Danke für die Tipps
mfg
Volker
Hi,
soviel ich weis, wird ein Border nur angezeigt, wenn man ihm auch eine Farbe zuweist: border-left: 1px solid black;
Wie kann ich das Problem umgehen?
Ansonsten mach dir ein Hintergrundbild 1px hoch 2000px breit und färbe das linke Pixel in der gewünschten Randfarbe...
Gruß
Frank
soviel ich weis, wird ein Border nur angezeigt, wenn man ihm auch eine Farbe zuweist: border-left: 1px solid black;
Die Farbe setze ich natürlich.
Ansonsten mach dir ein Hintergrundbild 1px hoch 2000px breit und färbe das linke Pixel in der gewünschten Randfarbe...
geht das nicht eleganter ;o)?? - aber Danke...
Hi,
Im IE 6 wird die Linie bis zum unteren Browserrand gezeichnet, in anderen Browsern (Netscape 4.7, Opera 7.21 und Mozilla Firebird 0.7) wird die Linie nur bis zum letzten Element des Bodys gezeichnet, also nicht bis zum unteren Rand.
Wie kann ich das Problem umgehen? Ich hab auch schon vergebens DIV verwendet...
Sorge per CSS dafür, daß die Mindest-Höhe des Body der Fenstergröße entspricht.
cu,
Andreas
Hi
Sorge per CSS dafür, daß die Mindest-Höhe des Body der Fenstergröße entspricht.
Andreas meint, du sollest min-height auf 100% setzen. http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#min_height
Gruss,
Daniel
Hallo,
meine Seite basiert auf einem klassischen, dreiteiligen Layout (Kopf, Navigation links und Inhalt).
Wie machst Du die "Bereiche"?
CSS? Tabellen? Oder gar Frames?
Für die entsprechenden Body-Tags hab ich die Border-Deklarationen gesetzt (border: 1px; border-left-style: solid).
Das klingt nach Frames.
Naja...
Im IE 6 wird die Linie bis zum unteren Browserrand gezeichnet, in anderen Browsern (Netscape 4.7, Opera 7.21 und Mozilla Firebird 0.7) wird die Linie nur bis zum letzten Element des Bodys gezeichnet, also nicht bis zum unteren Rand.
Wie schon erwaehnt wurde: Sorge dafuer, dass HTML und BODY
jeweils 100% hoch sind.
html, body { height:100%; }
Mit margin, border und padding musst Du dann natuerlich
auch noch rumspielen.
Und ggf. mit einer overflow-Angabe dafuer sorgen, dass
auch sicher aller Inhalt sichbar bleibt, selbst wenn
das Browserfenster "zu klein" fuer den Inhalt wird.
Allenfalls koennte man auch noch mit einem winzigen
(z.B. 2 x 2px) "Hintergrundbild", das ganz links bzw.
rechts positioniert wird und nur vertikal gekachelt
wird, etwas erreichen. Aber auch zu diesem Zweck muss
das betreffende Element 100% hoch sein.
Ein CSS-Border ist auf jeden Fall eleganter.
Gruesse,
Thomas