Seite 1 von 1

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

Verfasst: Do 4. Aug 2005, 09:23
von Aixtraweb
geo hat geschrieben:ich habe Dir ein Demo-Layout für Dein Problem gebastelt.

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

Verfasst: Do 4. Aug 2005, 12:31
von emergence
lass doch einfach

Code: Alles auswählen

left: 0px; top: 0px;
mal weg...

Verfasst: Do 4. Aug 2005, 14:45
von Aixtraweb
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

Verfasst: Do 4. Aug 2005, 14:51
von emergence
der layer beginnt dann nicht zufälligerweise in der mitte der tabelle ?

sieh dir die seite mal in firefox an...

Verfasst: Do 4. Aug 2005, 15:02
von kasi
ä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.

Verfasst: Do 4. Aug 2005, 18:43
von Aixtraweb
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.