Div og css driller!
Jeg har lavet denne side i div og css, og container er meget længere i explorer end mozilla, er der nogen der kan hjælpe og nej jeg gider ikke lave det om til tables?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="menu_style.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center">
<div id="container">
<div class="topbanner"></div>
<div class="ikon">
<?php include_once("includes/ikon.php");?>
</div>
<div class="menu">
<div class="innermenu">
<?php include_once("includes/menu.php");?>
</div>
</div>
<div class="menu1">
<div class="innermenu1">
<?php include_once("includes/menu1.php");?>
</div>
</div>
<div class="menu2">
<div class="innermenu2"> </div>
</div>
<div class="main">
<div class="footer1"></div>
<div class="pic"></div>
</div>
<div class="footer">
<?php include_once("includes/footer.php");?>
</div>
</div>
</div>
</body>
</html>
#container{
height: 560px;
width: 805px;
position: relative;
border: 1px solid #000000;
}
.main {
position: relative;
height: 200px;
width: 652px;
top: -460px;
left: -76px;
}
.menu {
position: relative;
width: 150px;
height: 133px;
left: 328px;
border: 0px;
background-color: #000000;
top: -20px;
}
.menu1 {
position: relative;
width: 150px;
height: 220px;
left: 328px;
top: -19px;
border: 0px;
background-color: #F08A02;
}
.menu2 {
position: relative;
width: 150px;
height: 210px;
left: 328px;
top: -16px;
border: 0px;
background-color: #9F1E18;
}
.innermenu {
position: relative;
width: 60px;
height: 20px;
left: -15px;
top: 46px;
background-color: #000000;
text-align: left;
list-style-image: url(images/hvidfir.jpg);
}
* html .innermenu {
position: relative;
width: 60px;
height: 50px;
left: -20px;
top: 48px;
background-color: #000000;
text-align: left;
list-style-image: url(images/hvidfir1.jpg);
}
.innermenu1 {
position: relative;
width: 60px;
height: 20px;
top: 16px;
text-align: left;
list-style-image: url(images/hvidfir2.jpg);
}
.topbanner {
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 158px;
border: 0px;
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
}
.footer {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #FFFFFF;
position: relative;
width: 806px;
height: 25px;
top: -230px;
left: -1px;
}
.tekst {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
text-align: left;
}
.pic {
position: relative;
background-image: url(images/pic.jpg);
height: 220px;
width: 652px;
top: 1px;
}
.footer1 {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #FFFFFF;
position: relative;
top: 0px;
height: 10px;
width: 652px;
}
body {
margin-top: 2px;
}
.ikon {
position: relative;
top: 105px;
width: 200px;
left: 200px;
}
