Layout mit Ebenen - Ausrichtung an einer Tabelle...???
Verfasst: Do 4. Aug 2005, 09:23
Hallo,geo hat geschrieben:ich habe Dir ein Demo-Layout für Dein Problem gebastelt.Viel Spaß beim basteln...Code: Alles auswählen
?> <html> <head> <title>Demoseite</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="css/format.css"> </head> <BODY> <div id="Oben" style="position:absolute; width:767px; height:79px; z-index:1; left: 0px; top: 0px;">CMS_CONTAINER[1] </div> <div id="Navigation" style="position:absolute; width:173px; height:367px; z-index:2; left: 0px; top: 83px;">CMS_CONTAINER[2] </div> <div id="Mitte" style="position:absolute; width:586px; height:367px; z-index:3; left: 181px; top: 83px; overflow: auto;">CMS_CONTAINER[3] </div> <div id="Unten" style="position:absolute; width:767px; height:56px; z-index:4; left: 0px; top: 455px;">CMS_CONTAINER[4] </div> </BODY></HTML>
Gruß
geo
gibt es eine Möglichkeit das alles in eine Tabelle zu packen, die den Inhalt mittig im Browserfenter ausgibt? So ist ja alles am <body>-Tag ausgerichtet, bei sagen wir mal 800x600 sieht's gut aus bei 1024x768 sieht das ganze dann links oben in der Ecke etwas verloren aus...
Ich bastle schon die ganze Zeit rum bekomme es aber nicht hin.
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>Bastelseite</title>
<link rel="stylesheet" type="text/css" href="css/format.css">
</head>
<body>
<table border="0" width="100%" height="100%">
<tr>
<td align="center"><div id="frame" style="position:absolute; with:100%; height:100%; z-index:0; left: 0; top: 0;">
<div id="Butler" style="position:absolute; width:250px; height:451px; z-index:1; left: 0; top: 0">
<img border="0" src="images/menuehintergrund.jpg" width="250" height="451"></div>
<div id="Navigation" style="position:absolute; width:147px; height:324px; z-index:2; left: 103px; top: 11px; bottom:0">
<table border="0" width="100%" height="100%">
<!-- MSTableType="nolayout" -->
<tr>
<td valign="bottom">CMS_CONTAINER[4]</td>
</tr>
</table>
</div>
<div id="Mitte" style="position:absolute; width:464px; height:394px; z-index:3; left: 260px; top: 11px; overflow: auto">
<p style="margin-top: 0; margin-bottom: 2px"><span class="headline">CMS_CONTAINER[5]</span></p>
<p style="margin-top: 0; margin-bottom: 2px"><span class="subheadline">CMS_CONTAINER[6]</span></p>
<p style="margin-top: 0; margin-bottom: 2px"><span class="text">CMS_CONTAINER[7]</span></p>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>