Hjælp til height=100%

<body style="height: 100%;">
<table style="height: 100%;">
<tr>
<td style="height: 100%; background-color: #ff0000;"></td>
</tr>
</table>

//>Rune

Alt på din tabel skal være 100% før det vil virke!

//>Rune

hmm også selvf. også margin...:

<body style="height: 100%;" margin="0">
<table style="height: 100%;">
<tr>
<td style="height: 100%; background-color: #ff0000;"></td>
</tr>
</table>

Du kan dog hvis det kun er din højde du vil ha' fuldt ud skrive:

<body style="height: 100%; margin: 0px 0px 0px 0px;">
<table style="height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="height: 100%; background-color: #ff0000;"></td>
</tr>
</table>

Nu skulle den gerne være der ;-)

//>Rune

Ja det virker, men den bliver længere end bare min skærm opløsning :S..

Jamen har du mere på din side end det jeg har skrevet?

//>Rune

roenving har lavet et rint eksempel her du kan tage udgangspunkt i:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fuld højde simpelt med tabel</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/488278">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#banner{position:absolute;height:120px;width:100%;background:yellow;z-index:10;}
#baggrund{position:absolute;width:100%;height:100%;background:white;z-index:0;}
#menubag{position:relative;height:100%;width:175px;float:left;background:blue;}
#newsbag{position:relative;height:100%;width:150px;float:left;background:green;}
#rightbag{position:relative;height:100%;width:175px;float:right;background:red;}
#main{position:absolute;width:100%;height:100%;background:transparent;}
#spacer{height:120px;}
table{border:0px;border-collapse:collapse;}
td{margin:0px;border:0px;padding:0px;text-align:center;}
</style>
</head>
<body>
<div id="banner">Banner</div>
<div id="baggrund">
<div id="rightbag"></div>
<div id="menubag"></div>
<div id="newsbag"></div></div>
<div id="main">
<div id="spacer">Usynligt</div>
<table style="width:100%">
  <tr>
    <td style="width:175px">Menuen</td>
    <td style="width:150px">News</td>
    <td>Hovedside</td>
    <td style="width:175px">Right-bar</td>
  </tr>
</table>

</div>
</body>
</html>

//>Rune