erwin: absolut positioniertes div in div mit property overflow:scroll

Beitrag lesen

SELF-Forum

absolut positioniertes div in div mit property overflow:scroll

erwin
– Informationen zu den Bewertungsregeln

Hallo,

wenn ich unten angefügtes HTML im Firefox anschaue, wird das absolut positionierte div (abs) vom rechten gefloateten (rhs) div überblendet. Im IE und Safari siehts aus wie gewünscht (das absolut positionierte div ist in front).

FF version: 2.0.0.16

So wie ich das sehe, liegt es am overflow-property. Gibt es eine Möglichkeit, dies zu umgehen? Hacks? Tricks?

Danke und Gruss,
erwin

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
 <title>test div</title>  
 <style type="text/css">  
  .lhs { float:left; overflow:scroll; height:300px; width:200px; border:solid 1px yellow; }  
  .rhs { float:left; overflow:scroll; height:300px; width:200px; border:solid 1px green; background-color:#ccc; }  
  .abs { position:absolute; top:100px; left:100px; width:200px; height:50px; border:solid 1px blue; background-color:orange; }  
  .clr { clear:both; }  
 </style>  
</head>  
<body>  
  
 <div class="lhs">  
  left hand side  
  <div class="abs"></div>  
 </div>  
  
 <div class="rhs">  
  right hand side  
 </div>  
  
 <div class="clr"></div>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln