placering i IE og Firefox
Jeg kan se jeg ikke er den eneste der har det her problem, og jeg har været lidt rundt og har kikket på de forskellige indlæg, men har ikke kunnet finde noget...Jeg har siden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
body{
background-color:#897948;
height:100%;
margin:0px;
}
p{
font-family: verdana;
font-size:10px;
}
DIV{
overflow: hidden;
}
Table{
Border:0;
height:100%;
}
#sidsteNyt{
width:423px;
height:147px;
position:relative;
top:3px;
}
#reklame{
width:423px;
height:103px;
background-color:#FF8A12;
position: relative;
top: 15px;
}
#kalender{
width:423px;
height:110px;
background-color:#FF8A12;
position: relative;
top: 28px;
}
#school{
width:330px;
height: 149px;
background-color:#000000;
}
#schoolTable{
border: 5px solid #3D3720;
width:330px;
height:148px;
}
</style>
</head>
<body>
<table border="0" cellspacing="4">
<tr>
<td width="423" valign="top">
<!--Sidste nyt boks-->
<img src="images/sidste_nyt.gif" alt="">
<div Id="sidsteNyt">
<p><b>Tekst goes here</b><br>Husk Overflow</p>
<img src="images/laes_Mere.gif" alt="Læs mere" style="position: absolute; bottom:0px; right:0px;">
</div>
<!--Reklame boks-->
<div align="center" Id="reklame">
<table style="text-align: center;" cellpadding="0" cellspacing="0" summary="">
<tr><td>
--reklame--
</td></tr>
</table>
</div>
<!--Kalender boks-->
<img src="images/kalender.gif" alt="" style="position: relative; top: 22px;">
<div align="center" Id="kalender">
<table cellpadding="0" cellspacing="0" summary="">
<tr>
<td>
</td>
</tr>
</table>
</div>
</td>
<td width="330" valign="top">
<!--Højre side-->
<!--...to school...-->
<div Id="school">
<table border="0" cellpadding="0" cellspacing="0" summary="" Id="schoolTable">
<tr>
<td>
<img src="images/takin.gif" alt="">
</td></tr>
</table>
</div>
<!--Newsletter-->
<img src="images/newsletter.gif" alt="" style="position:relative; top:5px;">
<img src="images/dj.gif" alt="" style="position:relative; top:5px;">
<img src="images/djs.gif" alt="" style="position:relative; top:1px;">
</td>
</tr>
</table>
</body>
</html>
Problemet er at mine elementer ikke er positioneret ens i firefox og IE.
Så vidt jeg kan se går den igennem både css og html validation. Kan i se fejlen?
