css problemer med at få siden i center
Hey jeg er lige gået igang med at lave noget hjemmeside ihtml/cssmen har problemer med at få siden i center
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>[sexa.dk]</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="Author" content="Steen Hjelmstrand" />
</head>
<body>
<div id="topdiv">
<img src="top.jpg" width="600" height="336" align="bottom" alt="" id="top">
</div>
<div id="menudiv">
<a href="start.htm" target="iframe"><img src="start.jpg" width="207" height="56" align="bottom" alt="" id="start"></a><a href="blivmedlem.htm" target="iframe"><img src="blivmedlem.jpg" width="185" height="56" align="bottom" alt="" id="blivmedlem"></a><a href="semere.htm" target="iframe"><img src="semere.jpg" width="208" height="56" align="bottom" alt="" id="semere"></a>
</div>
<table id="banner">
<tr>
<td>
<center>
<iframe marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="468" height="60" src="http://www.partner-ads.com/dk/visbannerrotation.php?rid=3442"></iframe>
</center>
</td>
</tr>
</table>
<div id="menudiv2">
<a href="topliste.htm" target="iframe"><img src="topliste.jpg" width="207" height="112" align="bottom" alt="" id="topliste"></a><a href="kontakt.htm" target="iframe"><img src="kontakt.jpg" width="187" height="112" align="bottom" alt="" id="kontakt"></a><a href="gratiskig.htm" target="iframe"><img src="gratis.jpg" width="206" height="112" align="bottom" alt="" id="gratis"></a>
</div>
<table id="side">
<tr>
<td>
<iframe name="iframe" scrolling="no" frameborder="0" width="600" height="600" src="start.htm">
</iframe>
</td>
</tr>
</table>
</body>
</html>
Her er css til
body {
background-color: #750324;
}
p {
color: #ffffff;
}
img {
border: none;
}
a {
border: none;
}
#topdiv {
position:absolute;
margin-left: 25%;
}
#menudiv {
position:absolute;
margin-left: 25%;
top: 342px;
height: 98px;
}
#blivmedlem {
position:absolute;
top: 0px;
left: 207;
}
#semere {
position:absolute;
top: 0px;
left: 392px;
}
#banner {
table-layout:fixed;
width:600px;
position:absolute;
top:420px;
left:25%;
}
#menudiv2 {
position:absolute;
margin-left: 25%;
top: 500px;
}
#kontakt {
position:absolute;
top: 0px;
left: 207;
}
#gratis {
position:absolute;
top: 0px;
left: 392px;
}
#side {
table-layout:fixed;
width:600px;
position:absolute;
top:630px;
left:25%;
}
