float passt nicht im IE

[Detlef G.]

Hallo Christian

Wie kriege ich das weg? Kann mir bitte wer helfen?

Du hast ein ganz "gefährliches" Layout gebaut.
Innerhalb von #mainarea befinden sich nebeneinander #menu (float:left) und
#inhalt (float:right) dabei sind die Breiten mit padding und border so
berechnet, dass diese genau den Platz ausfüllen, also pixelgenau.
Pixelgenaue Layouts sind immer gefährlich.
Es scheint mir allerdings so, dass #menu img mit seinem padding etwas
breiter als für #menu angegeben ist. Der IE dehnt Elemente auf die Breite
des Inhalts.
Dadurch ist #menu + #inhalt breiter als #mainarea, wodurch #inhalt dann
unter #menu floatet.
Als Schnellhilfe bzw. -test versuche mal:

#menu img{  
 padding:3px 0 0 3px;}  

oder

#menu{  
         ...  
         overflow:hidden;}  

Besser wäre aber, wenn du #inhalt nicht rechts floaten lassen würdest,
sondern es mittels margin:left auf Anstand hieltest. Dann könnte es zwar
passieren, dass es im Ausnahmefall nicht genau passt, es würde aber nicht
gleich nach unten verschwinden.

(Schau dir mal Float Left Test und Divs mit festen Breiten und float an.)

Auf Wiederlesen
Detlef