Mira: floatende Box bis zum Rand?

Beitrag lesen

Hallo,

ich komme gerade mit dem IE nicht weiter. Ich versuche gerade, ein Design mit folgender Struktur aufzubauen:
www.sanjarok.de/css.jpg

Dabei ist der orangene Bereich eine umgebende Box, der rote Bereich ist die linke Box und die gelbe Box steht mit float:left; links von der roten (und beinhaltet wiederum zwei blaue Boxen).

Nun will ich, dass der gelbe Bereich, ohne dass sich Scrollbalken bilden, bis ganz zum Rand geht. Das funktioniert in allen Browsern, wenn die orangene und die gelbe Box keine Breitenangaben haben, und die gelbe Box mit float:left; neben der roten (sie hat auch float:left) steht.

Im Internet Explorer kann ich es mir allerdings aussuchen:

  • Wenn für die gelbe Box kein float:left; angegeben ist, steht sie neben der roten, allerdings mit ein paar Pixeln Abstand (was nicht sein darf).
  • Wenn ich für die gelbe Box float:left angegeben habe, schliesst sie zwar direkt an der roten an, allerdings hat die gelbe Box dann nur noch die Breite des Inhalts.

Ich habe auch schon einiges anderes ausprobiert, komme aber nicht weiter. Was kann ich tun?

Mira