Layout mit Ebenen - Ausrichtung an einer Tabelle...???

Aixtraweb · Beitrag von **Aixtraweb** » Do 4. Aug 2005, 09:23

geo hat geschrieben:ich habe Dir ein Demo-Layout für Dein Problem gebastelt.

?>
<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>

Viel Spaß beim basteln...

Gruß
geo

Hallo,

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>

Beitrag von **emergence** » Do 4. Aug 2005, 12:31

lass doch einfach

Code: Alles auswählen

left: 0px; top: 0px;

mal weg...

Aixtraweb · Beitrag von **Aixtraweb** » Do 4. Aug 2005, 14:45

emergence hat geschrieben:lass doch einfach
Code: Alles auswählen
left: 0px; top: 0px;
mal weg...

Hallo emergence,

wenn ich "left: 0; top: 0;" weglasse springt alles nach rechts, fast aus dem Bildschirm raus!

Das war's noch nicht!

Danke! Jörg

Beitrag von **emergence** » Do 4. Aug 2005, 14:51

der layer beginnt dann nicht zufälligerweise in der mitte der tabelle ?

sieh dir die seite mal in firefox an...

kasi · Beitrag von **kasi** » Do 4. Aug 2005, 15:02

ähm, wäre es nicht einfacher, die Layer direkt mit align="center" zu zentrieren? Alternativ bietet sich vielleicht noch text-align: center an.

Das ganze deshalb wieder in eine Tabelle zu packen, führt die Idee hinter CSS-basierten Layouts nämlich wieder ad absurdum.

Aixtraweb · Beitrag von **Aixtraweb** » Do 4. Aug 2005, 18:43

kasi hat geschrieben:ähm, wäre es nicht einfacher, die Layer direkt mit align="center" zu zentrieren? Alternativ bietet sich vielleicht noch text-align: center an.

Das ganze deshalb wieder in eine Tabelle zu packen, führt die Idee hinter CSS-basierten Layouts nämlich wieder ad absurdum.

Nein,

am Besten ich zeig Euch mal mit einem Link die Seite:

http://www.derreisebutler.de/cms/front_content.php

Das ganze soll nun so wie es ist (layout mäßig) zentriert auf die Seite des Browsers kommen.