nicht angemeldet
Hallo,
Das Prinzip ist glasklar - nur leider dem Netscape (7.1) nicht - der bläst das sample total auseinander.
Ja, das liegt an der dummen LayoutTabelle ;-)). So sollte es auch dort gehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Positionen</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
#dummeLayoutTabelle {margin-left:100px;}
#BehaelterDIV {position:relative; width:300px; height:300px; border:1px solid black; background-color:#FFFF00;}
#d1 {position:absolute; top:0; left:0; background-color:#FF0000; width:50px; height:50px;}
#d2 {position:absolute; top:125px; right:125px; background-color:#00FF00; width:50px; height:50px;}
#d3 {position:absolute; bottom:0; right:0; background-color:#0000FF; width:50px; height:50px;}
-->
</style>
</head>
<body>
<h1>Vorher</h1>
<table id="dummeLayoutTabelle">
<tr>
<td>
<div id="BehaelterDIV">
<div id="d1"> </div>
<div id="d2"> </div>
<div id="d3"> </div>
</div>
</td>
</tr>
</table>
<p>nachher</p>
</body>
</html>
Man könnte die dumme LayoutTabelle auch ganz weglassen. Außerdem sollte man die DIV#d1-DIV#d3, je nach Elementinhalt, sinnvoller auszeichnen, etwa als A- oder P-Elemente.
viele Grüße
Axel