Hej Alle
Jeg har igennem nogen dage kæmpet med et problem, men må give op og bede om hjælp.
Problemet er at jeg ikke kan placere container (div's).
De Begge container skal placeres på midten af siden og div2 skal ligge over div1 med an afstand på 210px fra top.
Koden jeg har rodet med kan ses her:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body id="BG">
<div id="div1">
<div id="div2">
</div>
</div>
</body>
</html>
CSS: body {
background-color:#333;
}
#div1 {
width: 600px; position:relative; margin:0px auto; background-color:#F00;
height:500px;
z-index:1;
}
#div2 {
width:400px; position:absolute; margin:0px auto; background-color:#999;
height:300px;
z-index: 10;
}
Er der nogen af jer der kan se hvad jeg gør galt?
På forhånd tak for hjælpen ;)
resolved