nicht angemeldet
Hallo zusammen.
Als ziemlicher CSS - Newbie moechte ich ein statt eines Framesets zum Seitenaufbau positionierte Divs verwenden. Das ganze soll einen quasi "klassischen" Aufbau haben ungefaehr so aussehen :
+---------------------------+
| |
| |
+-----+---------------------+
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
+-----+---------------------+
und aus 3 DIV - Bloecken bestehen, die absolut positioniert sind.
Das klappt auch erstmal ganz gut. Wenn ich aber das gesamte Konstrukt zusätzlich zentrieren moechte, klappts nicht mehr:
----------------------schnipp------------------------------
<body style="text-align:center;"> <!--IE-zentrieren-->
<div style="position:absolute; top:0px; width:800px; margin-left:auto; margin-right:auto; border:1px solid red"><!--css-konformes zentrieren-->
<div style="position:absolute; top:0px; left:0px; height:90px; width:800px;border:1px solid black;"> <p>top</p></div>
<div style="position:absolute; top:95px; left:0px; width:200px; heigth:100%;border:1px solid black;"><p>left</p></div>
<div style="position:absolute; top:95px; left:200px;heigth:100%; width:600px;border:1px solid black;"><p>right</p></div>
</div>
</body>
</html>
---------------------schnapp--------------------------------
Der hier gezeigte Code ist der, der meiner Ansicht nach Sinn machen wuerde. Die inneren Divs scheeren sich aber nicht darum, dass sie selbst in einem Div sitzen, sondern richten sich in Opera und Mozilla weiterhin stur an der linken, oberen Fensterecke aus. Im Internetexplorer rutscht das Ganze dafuer so weit nach rechts, dass sogar ein horizontaler Scrollbalken entsteht.
Der "Zentrierdiv" hat seltsamerweise in saemtlichen Browsern keine Hoehe, obwohl er doch mindestens so hoch, wie sein Inhalt sein muesste...
Weiss jemand, was ich falsch mache Erstens bezueglich der Hoehe (heigth:100%; scheint ueberhaupt in den seltensten Faellen zu gehen) und des zentrierens?
Wuerde ungern zum Tabellenlayout zurueckkriechen...
Viele Gruesse - Jan