Layout-Probleme mit IE6, IE8 und Opera

[molily]

Ich dachte eigentlich, ich hätte den Three-Pixel-Bug bereits mit

• html #contentFrame {
      height: 1%;
  }

> beseitigt. Ist das nicht so?  
  
Nein, wie du im Beispiel 2 siehst.  
Der Content-Div hat bereits hasLayout dadurch, dass er eine feste width hat, aber die 3-Pixel-Verschiebung ist trotzdem zu sehen. height: 1% ist nichts anderes als ein weiterer Trigger für hasLayout, der aber nichts ändert, wenn das Element eh schon hasLayout hat.  
  

> > Der Verzicht auf eine feste width für die rechte Spalte hilft ebenfalls gegen die Rundungsfehler.  
> Hab ich schon probiert, aber dann machen aktuelle Browser plötzlich [komische Sachen](http://browsershots.org/screenshots/4833a38a956a2d40d3bd70db2031f3d7/).  
  
Das ist ein Safari-Bug, der ebenfalls durch margin + BFC ausgelöst wird:  
</archiv/2009/3/t184458/#m1223359>  
  

> Allerdings könnte ich ja, wenn der zweite Punkt für alle Browser stimmt, den margin-left des Inhalts-divs entfernen, oder?  
  
Ja, das schlägt mein Beispiel auch vor.  
  

> Ist das der oben beschriebene Fix für das IE8/Opera-Problem?  
  
Ja, und für das Safari-Problem.  
  
Mathias

-- 
[JavaScript-Erweiterung für das SELFHTML-Forum](http://forum.de.selfhtml.org/js/doku/)