Wolfgang: Automatische Mindesthöhe von div-Elementen

Beitrag lesen

Hallo,

<div style="float:left; position:absolute; top:133px; left:5px; height:3px; padding:0px;">
<div style="float:left; width:273px; height:3px;">
  <img src="images/xy.gif" width="273" height="3" border="0">
</div>
<div style="float:left; width:226px; height:3px;">
  <img src="images/yx.gif" width="226" height="3" border="0">
</div>
</div>

Der Fehler besteht darin, dass mein IE 6 den Bereich, der eigentlich drei Pixel hoch sein soll, aus unerfindlichen Gründen 12 Pixel größer macht (oberer Rand). Das wird deutlich, wenn man das Eltern-div mit einer Hintergrundfarbe versieht.
Sobald die Grafik eine Höhe von 15 Pixel hat, ist die Welt sowie die Positionierung wieder in Ordnung.

hatte das Problem auch schon, bei mir hats funktioniert nachdem ich
ein "font-size:0px;" dazugeschrieben hab.

(beim mozilla geht's bei mir übrigens auch ohne font-size)