Placering af en række divs
Kære Eksperten,Jeg har fået store problemer med at få mine divs placeret ordenlig, jeg har læst lidt rundt på eksperten, og prøvet at rette det til.
Men det vil bare ikke virke som det skal.
Derfor håber jeg i kan hjælpe
-----------HTML koden----------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link rel="stylesheet" title="style" href="style.css" type="text/css" />
</head>
<body>
<div class="container2">
<div class="menu"> Menu | dfdfs | dfsdf | sfdfsdf | </div>
<div id="logo"><img src="images/logo.jpg" alt="logo" width="228" height="188" /></div>
<div class="extra">
<div class="text" id="overskrift"><br /><img src="images/annoncer.gif" alt="annoncer" width="503" height="42" /></div>
<div class="text" id="indhold"></div>
<div class="text" id="indhold_bund"><img src="images/bund.gif" alt="bund" width="503" height="31" /></div>
</div>
<div class="extra2">
<div id="menu_overskrift"><img src="images/menu.gif" alt="menu" width="246" height="35" /></div>
<div id="menu"></div>
<div id="menu_bund"><img src="images/bund_menu.gif" alt="bund" width="246" height="31" /></div>
</div>
</div>
</body>
</html>
--------CSS koden---------
/* CSS Document */
.container2 {
position: relative;
left: 0px;
top:110px;
width: 780px;
height:auto;
background-color: #DADBDC;
border-right: 1px solid #000;
border-bottom: 5px solid #000;
}
.menu {
position: relative;
text-align: left;
left: 228px;
top: 0px;
height: 22px;
width: 552px;
background-color: #020127;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:22px;
}
#logo {
position:absolute;
width:228px;
height:188px;
left: 0px;
top: -64px;
}
.text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#020127;
}
#indhold {
width:433px;
height:160px;
background-image:url(images/bg.gif);
padding-left:30px;
padding-right:40px;
}
#indhold_bund {
width:502px;
height:25px;
}
#overskrift {
width:241px;
height:35px;
}
#menu_overskrift {
width:247px;
height:32px;
}
#menu {
width:247px;
height:32px;
background-image:url(images/bg_menu.gif);
}
#menu_bund {
width:247px;
height:32px;
}
.ekstra {
position: absolute;
left: 0px;
top: 0px;
}
.ekstra2 {
position: absolute;
left: 300px;
top: 0px;
}
