IE7 Bug

[MarwolTuk]

Hallo,

ich habe hier etwas das mir stark nach einem BUG im IE7
aussieht, ich aber weder hier im Forum noch im Netz finden
konnte. IE8 konnte ich noch nicht testen.

Der Code

  
<div id="div1" style="margin: 0px; clear: both;">  
 <div id="div1.1" style="margin: 0px; background-color: #ffffcc; float: left;">Text1 Text1</div>  
 <div id="div1.1" style="margin: 0px; background-color: #ccffcc; float: right;">Text1</div>  
</div>  
  
<div id="div2" style="margin: 0px; clear: both; background-color: #ffcccc;">Text2 Text2 Text2</div>  

Erzeugt ein margin nach div1, obwohl dieser eigentlich überall
auf 0 stehen sollte.

Lustiger weise klappt aber alles, wen div1 zusätzlich normalen
Text enthält.

Noch skurriler ist jedoch, das wenn die Boxen auf ein h#-Tag
folgen, der bottom-margin der Überschrift dem margin zwischen
den divs entspricht.

  
<h1 style="font-size: 15pt; margin: 0px 0px 5px 0px; background-color: #ccccff;">Test Title</h1>  
  
<div id="div1" style="margin: 0px; clear: both;">  
 <div id="div1.1" style="margin: 0px; background-color: #ffffcc; float: left;">Text1 Text1</div>  
 <div id="div1.1" style="margin: 0px; background-color: #ccffcc; float: right;">Text1</div>  
</div>  
  
<div id="div2" style="margin: 0px; clear: both; background-color: #ffcccc;">Text2 Text2 Text2</div>  

Hat jemand evtl. eine Idee damit umzugehen?
clear-divs oder display: inline; (ala IE6 float-margin Probleme)
seinen auf jeden Fall nicht zu helfen.

Danke im Voraus,
MarwolTuk

[ChrisB]

Hi,

ich habe hier etwas das mir stark nach einem BUG im IE7
aussieht, ich aber weder hier im Forum noch im Netz finden
konnte.

Vollständiges, valides Online-Beispiel bitte.

MfG ChrisB

[MarwolTuk]

Hallo zurück,

Vollständiges, valides Online-Beispiel bitte.

hier, Bitte: http://demo1.infomappe.biz/ie_bug.html

Als Info noch dazu: Wenn div1 einen Rahmen hat (dicker als 0px)
dann tritt dieser Fehler nicht auf, ansonsten schon.

Als Workaround habe ich deswegen einen Rahmen mit 1px in
Hintergrundfarbe verwendet, was aber wender schön, noch
überall machbar ist.

Grüße
MarwolTuk

[suit]

hier, Bitte: http://demo1.infomappe.biz/ie_bug.html

Beschriebenes Verhalten tritt im IE7 auf, im IE8 nicht.

[Gunnar Bittersmann]

@@MarwolTuk:

nuqneH

hier, Bitte: http://demo1.infomappe.biz/ie_bug.html

'overflow: hidden' für das Containerelement, welches floatende Elemente enthält, bewirkt so manches Wunder.

Qapla'