Rebecca: IE Bug: Fehler bei absoluter positionierung und <select> Boxen

Hallo zusammen,

folgender Sachverhalt (stark vereinfacht):

ich möchte einen Bereich auf einer Seite absolut positionieren. Dieser Bereich ist nicht immer sichtbar. Wenn er aber sichtbar ist und sich zufällig über einer <select> box befindet wird die <select> box im Internet Explorer über dem absolut positionierten bereich gelegt.

Das ist doch eindeutig ein Bug, oder?

Kennt vielleicht jemand einen Workaround dafür? Leider läßt es sich nicht vermeiden, dass sich <select>-Boxen und der absolut positionierte Bereich überlagern (wie gesagt - der Sachverhalt ist hier der Übersichtlichkeit halber vereinfacht dargestellt.

Ich habe hier auch etwas Code zur Veranschaulichung. Einfach kopieren und ausprobieren.

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
 <style type="text/css">  
  div {  
   position: absolute;  
   top:100px;  
   left: 150px;  
   background-color: silver;  
   border: 1px solid black;  
  }  
 </style>  
 <title>IE Bug</title>  
</head>  
  
<body>  
 <!-- eine ganz "normale" Seite mit Text und einer Select-Box -->  
 <p>irgend ein text</p>  
 <p>irgend ein text</p>  
 <p>irgend ein text</p>  
 <form name="aForm" action="#">  
  <select name="test" style="width: 200px;">  
   <option value="1">1</option>  
   <option value="2">2</option>  
   <option value="3">3</option>  
  </select>  
 </form>  
 <p>irgend ein text</p>  
 <p>irgend ein text</p>  
 <p>irgend ein text</p>  
  
 <!-- nun folgt ein absolut positioniertes div -->  
 <div>  
  <p>das ist ein absolut positioniertes div</p>  
  <p>das ist ein absolut positioniertes div</p>  
  <p>das ist ein absolut positioniertes div</p>  
  <p>das ist ein absolut positioniertes div</p>  
  <p>das ist ein absolut positioniertes div</p>  
 </div>  
</body>  
</html>  

Vielen Dank im Voraus
Liebe Grüße

Rebecca

  1. hi,

    ich möchte einen Bereich auf einer Seite absolut positionieren. Dieser Bereich ist nicht immer sichtbar. Wenn er aber sichtbar ist und sich zufällig über einer <select> box befindet wird die <select> box im Internet Explorer über dem absolut positionierten bereich gelegt.

    Das ist doch eindeutig ein Bug, oder?

    Ja, und zwar ein so altbekannter, dass er schon zigfach im Archiv nachlesbar ist,

    Kennt vielleicht jemand einen Workaround dafür?

    ebenso wie potentielle Workarounds.

    Hast du überhaupt mal gesucht?

    Du hättest bspw. http://forum.de.selfhtml.org/archiv/2006/4/t127173/#m820710 finden können.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo wahsaga.

      ich möchte einen Bereich auf einer Seite absolut positionieren. Dieser Bereich ist nicht immer sichtbar. Wenn er aber sichtbar ist und sich zufällig über einer <select> box befindet wird die <select> box im Internet Explorer über dem absolut positionierten bereich gelegt.

      Das ist doch eindeutig ein Bug, oder?

      Ja, und zwar ein so altbekannter, dass er schon zigfach im Archiv nachlesbar ist,

      … und in der kommenden Version 7 behoben wurde.

      Einen schönen Mittwoch noch.

      Gruß, Mathias

      --
      sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
      „It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
      [HTML Design Constraints: Logical Markup]