nicht angemeldet
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