IE Bugs

Peekaboo Bug im IE6

Der Peekaboo Bug tritt auf, wenn ein Container floatiert wird, der sich innerhalb eines umgebenden Containers befindet. Auf den floatierten Container folgt Inhalt. Weiterhin befindet sich im umschließenden Container eine Box, in der die Eigenschaft clear deklariert ist (<div style=”clear:both;”></div>). Der Bug sorgt dafür, dass text gar nicht, bzw. nur teilweise angezeigt wird.

Lösung:
Sowohl dem umschließenden, als auch dem umschlossenen Container wird die Eigenschaft “position:relative;” übergeben. Dem umschließenden Container wird zusätzlich die Eigenschaft “hasLayout:true;”zugewiesen.

Border-Chaos Bug

Dieser Bug tritt erst mit der Version 6, nicht jedoch in früheren auf. Folgende Bedingungen müssen erfüllt sein, damit der Fehler ausgelöst wird:

  • Zwei Block-Level Boxen folgen direkt aufeinander
  • Die zweite Boc hat einen negativen “top-margin” Wert und
  • für die zweite Box oder für deren Nachfahren ist mindestens ein Rahmen definiert

Rahmen und Hintergrund werden völlig konfus dargestellt.

Es gibt keine vollständige Lösung für diesen Bug. Also: besser obige Konstellation vermeiden. Man kann probieren die Boxen relativ zu positionieren (“position:relative;”), um dieses Problem zu lösen.