Har forsøgt mig igen igen.. Nu bliver det vist som det skal i Firefox, men i IE 7.0 er der stadig mellemrum i bunden. Er det noget der kan fjernes?
Style:
body {
margin :0 ;
}
#center
{
margin-left: -400px;
position:absolute;
top: 2%;
height:96%;
border: 0px solid black;
left: 50%;
width: 800px;
visibility: visible
}
#title {
position:absolute;
left:0px;
top:0px;
width:100%;
height: 150px;
background-color:orange;
}
#content {
position:absolute;
top: 150px;
margin-left:162px;
margin-right:162px;
width:476px;
background-color:blue;
}
#leftmenu {
position:absolute;
left:0px;
top:150px;
width:152px;
background-color:white;
}
#rightmenu {
position:absolute;
right:0px;
top:150px;
width:152px;
background-color:silver;
}
.menucontent {
margin:0px auto;
width:150px;
left:0px;
background-color:yellow;
text-align:left;
}
.menucontentt {
text-align:center;
position:absolute;
background-image: url(menut.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
width:150px;
height:38px;
}
.menucontentc {
background-image: url(menuc.jpg);
background-position: 50% 50%;
background-repeat: y-repeat;
}
.menucontentb {
position:absolute;
background-image: url(menub.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
width:150px;
height:9px;
}
index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="center">
<div id="title">
<h1>Titel</h1>
</div>
<div id="content">
<h1>Overskrift</h1>
tekst
</div>
<div id="leftmenu">
<br>
<div class="menucontent">
<div class="menucontentt">
<p>venstre menu1</p>
</div>
<div class="menucontentc">
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
<li>Punkt 6</li>
<li>Punkt 7</li>
</ul>
</div>
<div class="menucontentb">
</div>
</div>
<br>
<div class="menucontent">
<div class="menucontentt">
<p>venstre menu2</p>
</div>
<div class="menucontentc">
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
<li>Punkt 6</li>
<li>Punkt 7</li>
</ul>
</div>
<div class="menucontentb">
</div>
</div>
<br>
</div>
<div id="rightmenu">
<br>
<div class="menucontent">
<p>højre menu</p>
<ul>
<li>Punk 1</li>
<li>Punkt 2</li>
</ul>
</div>
<br>
</div>
</div>
</body>
</html>
