Ernesto: noch so´n Effekt

Beitrag lesen

Hallo noch mal (sorry, wenn ich nerve),

bei diesem Kontrukt:

<div style="position:absolute; width:100px; height:100px; top:20px; left:20px; border:1px solid grey; background-color:#FFFF00;">
  <div style="position:relative; z-index:5; width:100%; background-color:#FFDDDD;">
    xxx<br><br>xxx
    <div style="position:absolute; z-index:10; width:6px;  height:100%; right:0; top:0; background-image: url(BG.gif);">&nbsp;</div>
  </div>
</div>

würde ich erwarten, dass das 2. DIV einen Rahmen aufspannt, dessen Höhe durch "xxx<br><br>xxx" definiert wird und in dem durch das 3. DIV in genau der gleichen Höhe einen rechten Rahmen zeichnet. Tatsächlich ist das 3. DIV aber nicht so groß wie das 2. DIV, sondern so groß wie eine Textzeile "xxx<br>". Dieses beobachte ich in allen Browsern, bei Opera (und nur da) habe ich auch schon beobachtet, dass das 3. Div so hoch ist wie das BG.gif (nämlich genau 1 Pixel).

Gibt es da auch eine Erklärung ?

Bye,
Ernesto