nicht angemeldet
Hi,
Ich habe jetzt einen mit Paint erstellten "Konstruktionsplan", der genau beschreiben sollte, wie ich mir das vorgestellt habe:
http://home.arcor.de/janhanewald/divproblem.bmp
Hinweis:
Statt ein 1MB großes Bitmap ins netz zu stellen, solltest Du mal schauen, ob dein Paint nicht auch GIFs erstellen kann. Meiner Meinung nach kann es das seit Win98SE.
Weiß diese Konstruktion jmd. zu lösen? (Das Problem ist ja, dass ich die Bereiche 2,3,4,5 und 6 jeweils absolut positioniere. Aber absolut positionierte Elemente werden vom Hauptcontainer nicht registirerit, also passt sich dieser Hauptcontainer nicht richtig an.
Gedankenanstoß:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
div.oben {position:relative; width:100%; height:50px;}
div.olinks{position:absolute; left:0; top:0; width:50%; height:100%; border:1px solid #FF0000;}
div.orechts{position:absolute; left:50%; top:0; width:50%; height:100%; border:1px solid #00FF00;}
div.menu{position:relative; width:200px; height:400px; float:left; border:1px solid #00FF00;}
div.inhalt{position:relative; margin-left:200px; height:400px; border:1px solid #0000FF;}
div.fuss{position:relative; left:10%; width:90%; border:1px solid #000000;}
-->
</style>
</head>
<body>
<div class="oben">
<div class="olinks" id="2">2</div>
<div class="orechts" id="3">3</div>
</div>
<div class="menu" id="4">4</div>
<div class="inhalt" id="5">
5
<h1>Inhalt</h1>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
<p>Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt </p>
</div>
1
<div class="fuss" id="6">6</div>
</body>
</html>
Gruß
Axel