Unerwünschtes umfließen von Elementen

[Zeromancer]

Hallo Markus,

Links: Navigation (float: left)
Rechts: Infobox (float: right)
Der Bereich in der Mitte soll den Hauptinhalt aufnehmen. Allerdings umfließt der Hauptinhalt die Navi und die Infobox, er wird also am Ende der linken und rechten Box breiter und nimmt die ganze Bildschirmbreite ein (Firefox), statt wie im IE brav die Flächen unterhalb der Boxen frei zu lassen.

ohne das Ergebnis gesehen zu haben: Hast du dem mittleren Element - Hauptinhalt - jeweils ein margin von der Breite der gefloateten Elemente oder etwas mehr verpasst?

Wenn gefloatet wird, wird das Element aus dem Textfluss genommen. Der Hauptinhalt nimmt als jeden anderen verfügbaren Platz ein

<ul id="linkenavi">  
[...]  
</ul>  
  
<div id="rechteinfobox">  
[...]  
</div>  
  
<div id="hauptinhalt">  
[...]  
</div>  
[...]

ul.linkenavi {  
  width:13em;  
  float:left;  
}  
div.rechteinfobox {  
  width:13em;  
  float:right;  
}  
div#hauptinhalt {  
  margin:0 14 em 0 14em;  
}

Mit freundlichen Grüßen,
André