nicht angemeldet
Abstand unterschiedlich bei Firefox / IE
Hallo,
meine XHTML-Strict-Seite mit reinem CSS-Layout sieht ungefähr so aus:
<div>Kopf</div>
<div id="hauptbereich">
<div>Navigation</div><div>Inhalt</div> [mit float]
</div>
<div>Fuss</div> [clear:both]
wobei der Fuß in einem bestimmten Abstand auf den Hauptbereich folgen soll (20px). Das geht aber nicht, zumindest mit Firefox. Der klebt den Fuß (mit einer Hintergrundgrafik) immer direkt unter den Hauptbereich, es sei denn ich gebe einen sehr hohen "margin-top"-Wert an, scheinbar bezieht er den Abstand auf den Kopf oder so. Da die Höhe des Inhaltsbereich variiert, ist das nicht praktikabel. Der Internet Explorer bezieht den angegebenen Abstand korrekt - oder besser: meinen Wünschen entsprechend - auf das Ende des Hauptbereichs.
Ist das ein Bug in Firefox, oder mache ich was falsch?
Gruß, Grübler
-
Hi,
Ist das ein Bug in Firefox,
lass es mich so sagen: Wenn Du einen Bug in Firefox findest, dann melde dies an Heise. Die packen's in ihren Newsticker.
oder mache ich was falsch?
Du vergisst das Konzept der Collapsing Margins.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Du vergisst das Konzept der Collapsing Margins.
Aha. Danke. Noch nie von gehört. Da IE und Firefox hier unterschiedliche Ergebnisse zeigen, nützt es auch nichts, den Wert für margin entsprechend anzupassen. Ich habe jetzt einfach ein zusätzliches <div> zwischen Inhaltsbereich und Fuß eingefügt mit einer vorgegebenen Höhe. Damit sieht die Seite in beiden Browsern gleich aus.
Gruß Grübler
-