Kan ikke få hjemmeside til at fylde 100%
Hej Eksperter.Jeg har rodet meget længe med at få hjemmesiden her til at fylde 100%. Jeg har valgt den tabel der er rundt om hele indholdet og sat den i en div tag og efterfølgende fået css tilknyttet til den. I css filen har jeg angivet height=100% og width=100%. Jeg sætter koden ind for både siden og css :)
<html>
<head>
<title>Ikke-navngivet-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<link href="css/header.css" rel="stylesheet" type="text/css">
<link href="css/logoside.css" rel="stylesheet" type="text/css">
<link href="css/logo.css" rel="stylesheet" type="text/css">
<link href="css/overmenu.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Ikke-navngivet-1) -->
<table width="1281" height="1025" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabel_01">
<tr>
<td colspan="11"><div id="header"></div></td>
<td>
<img src="billeder/spacer.gif" width="1" height="196" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5"><div id="logo_side"></div></td>
<td rowspan="2"><div id="logo">
<p> </p>
<p> </p>
</div></td>
<td colspan="8"><div id="over_menu"></div></td>
<td>
<img src="billeder/spacer.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td rowspan="6"> </td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
<td rowspan="2"> </td>
<td rowspan="6"> </td>
<td>
<img src="billeder/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td rowspan="3"> </td>
<td>
<img src="billeder/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td colspan="6"> </td>
<td>
<img src="billeder/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="4"> </td>
<td>
<img src="billeder/spacer.gif" width="1" height="82" alt=""></td>
</tr>
<tr>
<td rowspan="2"> </td>
<td colspan="2"> </td>
<td>
<img src="billeder/spacer.gif" width="1" height="418" alt=""></td>
</tr>
<tr>
<td colspan="2"> </td>
<td>
<img src="billeder/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2"> </td>
<td rowspan="2"> </td>
<td>
<img src="billeder/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="6"> </td>
<td>
<img src="billeder/spacer.gif" width="1" height="100" alt=""></td>
</tr>
<tr>
<td>
<img src="billeder/spacer.gif" width="36" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="433" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="50" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="101" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="169" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="137" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="92" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="86" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="116" height="1" alt=""></td>
<td>
<img src="billeder/spacer.gif" width="12" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
css:
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: 0;
border-right-style: 0;
border-bottom-style: 0;
border-left-style: 0;
}
Håber der er nogen der kan se hvad der er galt :)
