Tabellen vil ikke udfylde skærmen.
Hej alle.Jeg vil lave en tabel, der udfylder hele skærmen både lodret og vandret, men det er som om den ikke fatter height="100%". Hvad kan jeg have gjort forkert? I får lige koden også.
Først min .CSS fil :
body {
margin: 0px 0px 0px 0px;
}
table {
color: #000000;
font-family: Tahoma;
font-size: 12px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
td.conleft {
background-color: #DFEEFF;
border-left: 1px solid #7599C6;
}
td.conright {
background-color: #DFEEFF;
border-right: 1px solid #7599C6;
}
td.contop {
background-color: #DFEEFF;
border-top: 1px solid #7599C6;
}
td.conbottom {
background-color: #DFEEFF;
border-bottom: 1px solid #7599C6;
}
td.contopleft {
background-color: #DFEEFF;
border-top: 1px solid #7599C6;
border-left: 1px solid #7599C6;
}
td.contopright {
background-color: #DFEEFF;
border-top: 1px solid #7599C6;
border-right: 1px solid #7599C6;
}
td.conbottomleft {
background-color: #DFEEFF;
border-bottom: 1px solid #7599C6;
border-left: 1px solid #7599C6;
}
td.conbottomright {
background-color: #DFEEFF;
border-bottom: 1px solid #7599C6;
border-right: 1px solid #7599C6;
}
td.conempty {
background-color: #DFEEFF;
}
td.empty {
background-color: #EAF3FF;
}
.. og så min .HTML fil :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>trunc8ed bit</title>
<link rel="stylesheet" href="styles/main.css" type="text/css" />
</head>
<body>
<table height="100%" width="100%" cols="5" cellspacing="0">
<tr height="20">
<td colspan="5" class="empty">
<pre style="font-size:2px"> </pre>
</td>
</tr>
<tr height="80">
<td class="empty" width="20">
<pre> </pre>
</td>
<td class="contopleft" width="80">
<pre> </pre>
</td>
<td class="contop">
<pre> </pre>
</td>
<td class="contopright" width="80">
<pre> </pre>
</td>
<td class="empty" width="20">
<pre> </pre>
</td>
</tr>
<tr>
<td class="empty">
<pre> </pre>
</td>
<td class="conleft">
<pre> </pre>
</td>
<td class="conright" colspan="2">
<iframe frameborder="0" id="con" name="con" src="http://www.google.com/" width="100%" height="100%"></iframe>
</td>
<td class="empty">
<pre> </pre>
</td>
</tr>
<tr>
<td class="empty">
<pre> </pre>
</td>
<td class="conbottomleft">
<pre> </pre>
</td>
<td class="conbottom">
<pre> </pre>
</td>
<td class="conbottomright">
<pre> </pre>
</td>
<td class="empty">
<pre> </pre>
</td>
</tr>
<tr height="20">
<td colspan="5" class="empty">
<pre style="font-size:2px"> </pre>
</td>
</tr>
</table>
</body>
</html>
... håber I kan hjælpe.
/Mnc
