✔ Tabelle spinnt rum

[MiRaMC]

Hallo,
ich wollte meine Seite die bisher mit Frames gelayoutet war auf ein Layout in Tabellen umstellen, dabei tat sich mir folgendes Problem auf:

Die Tabelle in der später die Verschiedenen Bereiche der Internetseite liegen sollen (Navi-Leiste, Titelleiste usw.) besteht aus 3 Spalten. Die Breite der Mittleren Spalte ist festgelegt, die der außeren zwei soll variabel sein. Je nach Breite des Browserfensters sollen die sich nämlich so anpassen dass die mittlere Spalte immer in der Mitte liegt.

Also gut ich hab die Tabelle erstellt, hat auch funktioniert. Nur als ich dann den border der Tabelle auf 0 gesetzt hab gings nicht mehr. Wenn die Tabelle keinen Rahmen hat, und das soll sie nicht, dann wird die mittlere Spalte ganz links dargestellt bzw. äußeren Spalten haben quasi keine Breite.

Welcher Logik folgt denn das? Wenn es mit Rahmen geht müsste man doch auch ohne eine solche Tabelle erstellen können oder?

Ich hoffe ihr könnt mir helfen, hier noch mein Code:

    <table border="1" width=100% height=100% cellpadding=0 cellspacing=0>
      <tr>
        <td></td>	
        <td width=800 height=115></td>
        <td></td>
      </tr>

      <tr>
        <td></td>	
        <td width=800 height=37></td>
        <td></td>
      </tr>

      <tr>
        <td></td>	
        <td width=800</td>
        <td></td>
      </tr>
    </table>

Schonmal ein großes Danke von mir!

 

[Maik]

Hi,

ich kann bei mir keinen Unterschied in der Tabellendarstellung feststellen, wenn der Tabellenrahmen ein- oder ausgeschaltet ist.

Tut zwar nichts zur Sache, aber hier fehlt die schliessende Klammer:

<td width=800></td>

 

[Gumbo]

Dafür brauchst du gar keine Tabelle.

<div id="wrap">
	<div id="nav">Navigation</div>
	<div id="title">Titelleiste</div>
	<div id="body">Rumpf</div>
</div>

html, body {
	height: 100%;
	margin: 0;
}
#wrap {
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 100%;
}
#nav {
	height: 115px;
	background: #F00;
}
#title {
	height: 37px;
	background: #0F0;
}
#body {
	background: #00F;
	position: absolute;
	top: 152px;
	left: 0;
	bottom: 0;
	right: 0;
}

 

[Maik]

Ansonsten notier mal in den äußeren inhaltsleeren Tabellenzellen ein erzwungenes Leerzeichen  .

 

[MiRaMC]

sieht vielversprechend aus bis jetzt, müsste funktionieren.