nicht angemeldet
Hallo,
Achso, ok...und bei meinem Glück gibt es auch keine Möglichkeit, das "Problem" zu umgehen, damit ich einerseits eine maximale Höhe für meinen Inhalt, andererseits aber auch die absolute Positionierung anhand der Tabelle realisieren kann, oder?
Doch, im Prinzip schon. Ashuras block-formatting-context ist eigentlich kein Grund, ein Element mit position:absolute nicht nach Vorgabe am nächsten es umschließenden Element mit position:[ relative | absolute | fixed ] auszurichten. Der block-formatting-context ändert ja nichts an der Definition des umschließenden Blocks.
Allerdings scheint Opera Probleme mit der Übereinanderschichtung von Elementen über Elemente mit overflow:auto zu haben.
siehe:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
#links_4 a img { position: absolute; top: 20px; left: 635px; width:0px; height:0px; border-width:0px; z-index:1; }
#links_4 a:hover { background-color:transparent; }
#links_4 a:hover img { width:270px; height:205px; }
</style>
</head>
<body>
<div style="position:relative; background-color:#00AFAF; padding:20px; margin:20px; z-index:0;">
<p style="position:absolute; top:20px; left:635px; margin:0; padding:0; background-color:red; z-index:2;">+</p>
<p>oben</p>
<div style="height:100px; overflow:auto; background-color:#FFF;">
<div id="links_4"><a href="#">fittness1.jpg<img alt="ein Bild" title="" src="Beispiel.jpg"></a></div>
<p>Testtest zum Testen</p>
<p>Testtest zum Testen</p>
<p>Testtest zum Testen</p>
<p>Testtest zum Testen</p>
<p>Testtest zum Testen</p>
<p>Testtest zum Testen</p>
</div>
<p>unten</p>
</div>
</body>
</html>
Eventuell liest jemand mit, der hierfür eine Erklärung hat.
viele Grüße
Axel