nicht angemeldet
habe d'ehre
Gegeben ist:
<body> mit Hintergundfarbe z.B. blau
<div class="zentriert"> mit Hintergrundgrafik (weiss + schmaler farbiger Randbalken rechts - 10px hoch, 922px breit)
links floatender <div> innerhalb "zentriert" fuer Literaturtipps und Unternavigation
rechts floatender <div> innerhalb "zentriert" fuer Linkliste und Seminartermine
Inhalt des floatenden <div> laenger als der Text im zentrierten <div>
CSS valide, HTML valide
Reaktion:
Firefox zieht den weissen Hintergund nicht mit und laeuft mit dem Floatingtext in den farbigen body
IE zieht den weissen Hintergrund bis an das Ende des Floatingtext
Welches Verhalten ist nun eigentlich korrekt?
Wie koennte ich dem Firefox das Verhalten des IE beibringen. (min-height war nicht erfolgreich)
Nachfolgend CSS und HTML-Struktur
CSS
div.rand {width:922px;min-height:10em;margin:auto;border-top:1px solid #000000;border-left:4px solid #ba002e;border-right:4px solid #ba002e;border-bottom:1px solid #000000;}
div#pageLayout {width:910px;margin:0px 0px 0px 0px;padding:60px 0px 70px 12px;}
div#pageRechtsFloat {width:167px;float:right;margin:132px 13px 0px 0px;background-color:#ffffff;padding-bottom:12px;}
div#pageLinksFloat {width:229px;min-height:25em;float:left;}
div.pageText {width:459px;margin:150px 0px 0px 253px;}
(Der Hintergrund bei "zentriert" wird via PHP geschrieben, da fuer jede Seite unterschiedlich.)
HTML
<body><div class="zentriert">
<!-- Beginn graphischer Layoutbereich --><div id="pageLayout">
<!-- Beginn rechter FLoatingbereich --><div id="pageRechtsFloat">
irgendwelcher Inhalt
<!-- Ende rechter Floatingbereich --></div>
<!-- Beginn linker FLoatingbereich --><div id="pageLinksFloat">
irgendwelcher Inhalt
<!-- Ende linker Floatingbereich --></div>
<div class="pageText">
irgendwelcher Inhalt
</div>
<!-- Ende graphischer Layoutbereich --></div>
</div></body>
man liest sich
Wilhelm