Kuno: Problem mit overflow:auto

Beitrag lesen

SELF-Forum

Problem mit overflow:auto

Kuno
– Informationen zu den Bewertungsregeln

ich habe einen fix und fertige Code den ihr bequem per Copy&Paste austesten könnt.

Situation:
Das ganze soll später mal so ein Pull-Down Menü werden. Die div#box wäre dann das Menü-Teil welches nach unten ausklappt.

Das Problem:
Wenn ihr den Code mal ausführt werdet ihr sehen, dass der div#content die grüne div#box verdeckt. Das soll natürlich nicht sein.

Kurz: div#box soll nicht von div#content verdeckt werden, sondern umgekehrt! Die div#box gehört ganz nach oben!

Schuld am ganzen ist overflow:auto auf das ich aber leider nicht verzichten kann. z-index scheint ebenfalls nicht zu klappen.

Hier mal der Code:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html>  
 <head>  
  <style type="text/css">  
   body {  
    background-color:red;  
   }  
  
   div#menuleiste {  
    background-color:white;  
    overflow:auto;  
   }  
  
   div#box {  
    background-color:green;  
    position:absolute;  
    top:1em;  
    height:5em;  
   }  
  
   div#content {  
    overflow:auto;  
   }  
  
  </style>  
  
  
 </head>  
 <body>  
  
  <div id="menuleiste">Dies ist ein Menue mit <div id="box">Ueberhang</div></div>  
  <div id="content">Dieser Text soll von #box verdeckt werden!</div>  
 </body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln