Detlef G.: 3 Divs und Background-Image

Beitrag lesen

Hallo Dominik

So siehts im IE aus

Das sieht so aus, als ob die Hintergrundbilder einen durchgehendes Hintergrund für #nocontent ergeben sollen. Warum zerstückelst du es dann erst, nur um es dann wieder zusammenzufügen?
Lasse es doch komplett und weise es #nocontent zu.

Blockelemente ändern ihre Position und Größe nicht durch andere gefloatete Elemente. Nur die in ihne enthaltenen Inlineinhalte werden durch die gefloateten Elemente verdrängt. Das bedeutet, dass in Browsern dein div.mitte an derselben Positon beginnt (links) wie div.menu und an genau derselben Position endet wie div.content. Das ist dort auch gut zu erkennen:

So siehts in Firefox aus

Nur IE macht es falsch und setzt aufgrund von height: 491; für div.mitte hashLayout, was dazu führt, dass nicht nur der Inhalt sondern das Element selbst von den floateten Elementen beeinflusst wird.

Die Ränder hab ich natürlich nur eingefügt um besser nachverfolgen zu können, wo die Divs liegen.

Du meinst sicher die Rahmen.

"Um auch zu demonstrieren, wie sich einfacher Fließtext verhält, steht dieser Text"
Irgendwie kommt mir das bekannt vor.

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!