Problem med table og img height absolut/relativt
Jeg bruger følgende kode til min hjemmeside på: www.red-liv.com/test<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<LINK REL="SHORTCUT ICON" href="favicon.ico">
<title>Red-Liv.com + Førstehjælpskurser til kørekort</title>
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
td{vertical-align:top;}
td.mid{vertical-align:middle;}
</style>
</head>
<body bottommargin="0" rightmargin="0" leftmargin="0" topmargin="0">
<table align="center" width=100% height="100%" cellpadding="0" cellspacing="0"><tr>
<td height="160"><img src="img/dotw.gif" height="160" width="1"></td>
<td rowspan="3">
<table width="780" height="100%" cellpadding="0" cellspacing="0" border="0"><tr>
<td class="mid" align="center" width="450" height="160"><i> -Med hjertemassage og kunstigt åndedræt kan man holde et menneske i live ved at erstatte hans egen vejrtrækning og hans hjerteslag.</i></td>
<td><img src="img/dot.gif" width="50" height="160"></td>
<td width="280" height="160"><img src="img/logo.jpg" height="160" width="179"></td>
</tr><tr>
<td class="mid" colspan="3" height="50" width="780" background="img/dot.gif" align="center" valign="middle"><font color="#FFFFFF" size="6">RedLiv - Førstehjælpskurser til kørekort</font></td>
</tr><tr>
<td width="450" style="padding:8px;" height="100%" align="right">
Indhold....<br><br>
<img border="1" src="img/redliv1.jpg">
</td>
<td style="height:100%;"><img src="img/dot.gif" width="50" style="height:100%;"></td>
<td width="280" style="padding:8px;" height="100%">
RedLiv<br><br>
Førstehjælpskurset<br><br>
Kalender<br><br>
Priser<br><br>
Kontakt<br><br>
</td>
</tr></table>
</td>
<td height="160"><img src="img/dotw.gif" height="160" width="1">
</tr><tr>
<td width="50%" height="50"><img src="img/dot.gif" height="50" width="100%"></td>
<td width="50%" height="50"><img src="img/dot.gif" height="50" width="100%"></td>
</tr><tr>
<td></td>
<td></td>
</tr></table>
</body>
</html>
Som det kan ses på hjemmesiden sker der to ting i IE:
de røde linier kommer ikke helt op ude i siderne, og den midterste røde linie går kun de 50px ned og ikke 100% som jeg har sat den til.
I firefox er problemet kun at de røde linier ikke kommer op i siderne, mens den midterste fylder hele siden ud som den skal.
Hvad er det jeg har overset?
Tak for jeres tid!