100% height problem
Hey eksperter.Jeg er ved at opbygge en side, og er nu rendt ind i et problem. Jeg vil gerne have at siden altid fylder 100% af højden på brugerens skærm. Problemet er nu, at siden ignorerer de højder jeg har sat på tabellerne, og tildeler nogle andre.
Her er koden:
default.asp:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="pages/includes/stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body class='body'>
<table cellpadding="0" cellspacing="0" class='site_body'>
<tr>
<td colspan="3" style='height:50px;width:950px;'><a name='top' href='.'><img src="gfx/header.gif" name='header' id='header' style='border:0px;' /></a></td>
</tr>
<tr>
<td rowspan="2" style='height:176px;width:770px;'><img src="gfx/top_photo.jpg" name='top_photo' id='top_photo' style='border:0px;' /></td>
<td style='width:180px;height:1px;'></td>
<td rowspan="2" style='width:1px;vertical-align:top;height:175px;'></td>
</tr>
<tr>
<td style='width:179px;vertical-align:top;background:#CFD2D7;height:175px;'> </td>
</tr>
<tr>
<td colspan="3" style='width:950px;vertical-align:top;'>
<table style='width:950px;height:100%;border:0px;' cellspacing="0" cellpadding="0">
<tr>
<td style='width:1px;'></td>
<td style='width:165px;background:#CFD2D7;'> </td>
<td style='width:2px;background-image:url(gfx/dots_left.gif);'></td>
<td style='width:600px;'> </td>
<td style='width:2px;background-image:url(gfx/dots_right.gif);'></td>
<td style='width:179px;background:#CFD2D7;'> </td>
<td style='width:1px;'></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
stylesheet.css:
.site_body {
width:952px;
height:100%;
border:0px;
background-color: #FFFFFF;
border-left: 1px solid #232F43;
border-right: 1px solid #232F43;
}
.body,html {
background-image:url(../../gfx/bg.gif);
margin:0px;
padding:0px;
text-align:center;
height:100%;
}
Hvad dælen gør jeg forkert ?
