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;
}
------------------------
Problemet er at extra, og extra2 boksene med divs inde i, ikke
vil placere sig ordenligt.
De skal stå ved siden af hinanden, og kunne udvides uahængigt af
hinanden
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials