yetanotheruser: Unterschiedliche margin-top Interpretation IE / Firefox

Beitrag lesen

Hoi,

In Opera und IE wird margin-top von #footer interpretiert, in Firefox NICHT. Hat jemand eine Idee, woran das liegt?

Es wird von beiden interpretiert. Nur der IE interpretiert es "anderst". Bei dem #footer ist das Margin schon vorhanden, nur ist die Höhe des floatenden #extras größer als das Margin. Deswegen schiebt es den #footer Container um die Höhe des #extras nach unten und läßt den #footer direkt an den #extra anschließen. Das Margin ragt dann einfach nach oben raus und wird teilweise von #extra verdeckt.

FF == richtiges Verhalten, IE nicht so wirklich, zumindest soweit ich das verstanden habe.

Zur Behebung: Schieb noch ein weiteres div vor dem footer ein.
<div class="breaker"></div
mit folgendem CSS:
div.breaker {
height: 1px;
clear:both;
overflow:hidden;
}
Und wenn das Margin dann wirklich exakt 10px sein soll, dann solltest du es mit 9px festlegen, da ja noch das 1px hohe Div darüber dazu kommt.

Gruß Ben