fylde hele siden
HejJeg er ved at lave et design, hvor jeg gerne vil have et design der fylder hele siden. Jeg har lavet noget af det, men jeg ønsker at lave det valid og skal derfor bruge en doctype. Hvis jeg ikke har denne med virker det, men når den er der, så kan jeg ikke lave siden fuld højde.
Så mit problem er egentlig at den tabel skal fylde hele browseren, altså 100% bredde og 100% højde
Jeg har lavet følgende:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled</title>
<style type="text/ccs">
BODY {
margin: 0px;
}
td.header_main {
background:#ffefae url('images/header_background.gif') repeat-y top left;
border-bottom: 1px solid #8cb2bf;
height: 73px;
}
td.footer_main {
border-top: 1px solid #8cb2bf;
height: 62px;
}
table.container_table {
border: 1px solid #8cb2bf;
height:100%;
}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" width="100%" height="100%" class="container_table">
<!-- HEADER -->
<tr>
<td width="100%" class="header_main">
d
</td>
</tr>
<!-- /HEADER -->
<!-- CONTENT -->
<tr>
<td width="100%" height="100%" style="height:100%;">
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td height="100%">hej</td>
</tr>
</table>
</td>
</tr>
<!-- /CONTENT -->
</table>
</body>
</html>
