Tabellen wollen nicht 100%

glen · 20. Dezember 2003

Huhu!
Also ich habe eine Tabelle. Diese soll width="100%" und height="100%" sein.
Dann wird da der header eingesetzt, die menü-grafik und die content-grafik.

Aber das will nicht...

Code:

<style type="text/css">
<!--
.header { background-image: url('head5.jpg'); background-repeat: no-repeat}
.menu { background-image: url('menu.gif'); background-repeat: repeat}
.content { background-image: url('content.gif'); background-repeat: repeat}
.balk { background-image: url('balk.jpg'); background-repeat: repeat}
-->
</style>

<center><table width="100%" height="100%" border="0" style="border-collapse:collapse;">
<tr><td rowspan="2" class="balk" width="2%">&shy</td>
<td colspan="2" class="header">&shy</td>
<td rowspan="2" class="balk" width="3%">&shy</td></tr>
<tr height="82%"><td width="27%" class="menu">menu<br><td>
<td width="67%" class="content">&shy</td>
</table>

Aber wieso ist das dann so -> http://www32.brinkster.com/razorz/all.JPG

oder bei manchen sogar http://tor.clanintern.de/lol.gif so..

Obwohl ich doch height und width 100% habe macht er die nicht 100%...wiesoo?

mfg
glen

Danke

P.S: Die Quali beim 2. Screen ist mit Absicht so eingestellt...

Gumbo · 20. Dezember 2003

So etwa?

Code:

<html>
<head>
&nbsp;&nbsp;<style type="text/css">
<!--
.header {
&nbsp;&nbsp;background: no-repeat top left url('http://ncf20.faceman.netclusive.de/head5.jpg');
}
.menu {
&nbsp;&nbsp;background: repeat url('http://ncf20.faceman.netclusive.de/menu.gif');
}
.content {
&nbsp;&nbsp;background: repeat url('http://ncf20.faceman.netclusive.de/content.gif');
}
.balk_r {
&nbsp;&nbsp;background: repeat left url('http://ncf20.faceman.netclusive.de/balk.jpg');
}
.balk_l {
&nbsp;&nbsp;background: repeat right url('http://ncf20.faceman.netclusive.de/balk.jpg');
}
-->
&nbsp;&nbsp;</style>
&nbsp;&nbsp;<link rel="stylesheet" type="text/css" href="http://ncf20.faceman.netclusive.de/styl.css">
&nbsp;&nbsp;<link rel="stylesheet" type="text/css" href="http://ncf20.faceman.netclusive.de/table.css">
</head>

<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" style="text-align:center; background-color:#8F8F8F">
&nbsp;&nbsp;<table cellpadding="0" cellspacing="0" border="0" style="width:720px; height:100%; border-collapse:collapse;">
&nbsp;&nbsp;&nbsp;&nbsp;<tr>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="balk_r" width="15"></td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="header" height="120" width="690"></td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="balk_l" width="15"></td>
&nbsp;&nbsp;&nbsp;&nbsp;</tr>
&nbsp;&nbsp;&nbsp;&nbsp;<tr>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="balk_r" width="15"></td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td width="690" height="100%" valign="top">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<table cellpadding="0" cellspacing="0" border="0" style="width:100%; height:100%">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<tr>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="menu" width="150" height="100%">
Start<br />
<a href="home.php">Home</a><br />
Kontakt<br />
<a href="gb.php">Gästebuch</a><br />
<a href="board.php">Board</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="content" height="100%">
&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</tr>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</table>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="balk_l" width="15"></td>
&nbsp;&nbsp;&nbsp;&nbsp;</tr>
&nbsp;&nbsp;</table>
</body>
</html>

Tabellen wollen nicht 100%

glen

Gumbo

Erfahrenes Mitglied

Neue Beiträge