[droptix]

Schaut euch mal diesen Link hier in Firefox und IE an. Der FF macht's wunderbar, nur der IE (bei mir Version 7) flippt mal wieder aus.

Die zweite grau hinterlegte Box versteht ihr `margin-left` nicht. Ich hab schonmal rausgefunden, dass es mit dem Bild zusammenhängt. Oder besser gesagt mit der Höhe des <div>-Containers, der das Bild enthält (`<div class="offer-image">`).

Wenn das <div> leer ist, ignoriert IE häufig das `margin-left`. Wenn ich ein 1x1 px großes clear.gif/spacer.gif reinbaue bleibt dasselbe Problem. Wenn ich dem aber eine gewisse Höhe zuweise, dann klappt's. Bei der vierten Box habe ich das so gemacht:

[Mark-Korb]

Bei mir am Mac siehs unter FF, safari und IE5:2 etwa Gleich aus.

CodE?

[emceechen]

Ich würde mal probieren bei deinem menu div den float raus zu nehmen. Den brauchst du ja eigentlich nicht, wenn du deinem content sowieso ein margin gibst. Ich denke das der float einfach das margin überschrieben hat, und die zweite Box hat einfach das Menü umflossen, weil da nicht genug Höhe war... Oder du machst das margin-left !important. Kanns jetzt leider nicht testen, habe keinen IE zur Hand...

Gruß, Mitch

[droptix]

Klar brauch ich das float im <div id="menu">, sonst würde der Inhalt erst unter dem Menü beginnen und nicht rechts daneben stehen. Er bliebe zwar eingerückt, aber <div>'s erzeugen nunmal einen Absatz.

Das margin-left ist nötig, damit das Menü nicht umflossen wird -- vergleichbar mit Text, der ein Bild umfließt. Ist der Text lang genug, würde er zunächst rechts neben dem Bild fließen und dann unter dem Bild weiter gehen. Mein Inhalt soll aber stets rechts vom Menü bleiben und sich nicht unter dem Menü fortsetzen.

[EDIT]: Hab's nun hinbekommen. Habe mich vom float:right verabschiedet und ein paar <div>'s umsortiert. Alles funzt nun. Problem gelöst.