Max Smily: verschachtelte Divs mit festen Breiten und float im IE

Hallo Forum,

ich habe ein Layout mit DIVs. Der umfassende Kontainer "container-page" hat eine Breite von 770px. Darin tummelt sich ein Div "left" für das linke Menü und ein Div "main" für den Content. Abschließend gibts noch einen "footer".

"main" hat ebenfalls eine feste Breite von 580px und floatet neben  "left".

Nun das Problem: Wenn innerhalb von main ein Objekt breiter als 580px wird, dann verhält sich der IE anders als all die modernen Browser. Letztere lassen das breitere Objekt (auf Testseite rosa Kasten) einfach aus main (auf Testseite mit rotem Rahmen) herausragen, ohne dass sich die Breite von main selbst verändert (getestet in FF2, Opera9 und Safari3).

Der IE hingegen verbreitert "main" auf die Breite des enthaltenen Objektes, was dazu führt, dass "main" nicht mehr neben "left" floaten kann, sondern erst unterhalb angezeigt wird.

Das ganze ist hier auf meiner Testseite zu sehen:

http://www.tenevista.de/divtest/test.html

Wie bekomme ich den IE dazu, sich annährend so zu verhalten wie die anderen Browser? Ich will keine absolute Positionierung für "main" verwenden, da ich dann den "footer" nicht mehr wie gewünscht unten andocken kann. Die gesuchte Lösung soll auch funktionieren, wenn das "breite Objekt" innerhalb von main breiter als das Browserfenster ist.

Viele Grüße
Max Smily

  1. Hi Max,

    http://www.tenevista.de/divtest/test.html

    Wie bekomme ich den IE dazu, sich annährend so zu verhalten wie die anderen Browser? Ich will keine absolute Positionierung für "main" verwenden, da ich dann den "footer" nicht mehr wie gewünscht unten andocken kann. Die gesuchte Lösung soll auch funktionieren, wenn das "breite Objekt" innerhalb von main breiter als das Browserfenster ist.

    Hast du es mal mit [link:http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow@title=overflow:visible;] versucht?
    Du könntest auch ein bisschen mit float experimentieren, für den Inhalt,
    der rausragen soll, wäre aber unter umständen etwas kompliziert.

    Grüße,
    Engin
    GYRO

  2. Hallo,

    es handelt sich wohl um einen Fehler, der sich nicht wirklich beheben lässt. Ich hab das Problem mal mit YAML getestet, wo ja alle möglichen Fälle mit IE-Hacks umgangen werden. Aber auch dort zeigt sich dieses Verhalten...

    Grüße Max