div width er kun på header
Hej.Jeg har sat et div omkring min side med en width på 1000px; Jeg forstår ikke hvorfor den kun kommer rundt om min header. En der ved hvorfor? Jeg tænker den skulle vel gerne gå ned under mine knapper, selvom jeg ikke har defineret en højde?
http://postimg.org/image/59msck2gh/
<!DOCTYPE html>
<html>
<head>
<meta charset="US-ASCII">
<link rel="stylesheet" type="text/css" href="../css/reset.css">
<link rel="stylesheet" type="text/css" href="../css/main.css">
<title>Index</title>
</head>
<body>
<div id="big_wrapper">
<header id="top_header">
HEADER
</header>
<nav>
<div id="box"><h4>START</h4></div>
<div class="box1"><h4>HOME</h4></div>
<div class="box1"><h4>PICTURES</h4></div>
<div class="box1"><h4>ABOUT</h4></div>
<div class="box1"><h4>STORY</h4></div>
<div class="box1"><h4>NEWS</h4></div>
<div class="box1"><h4>CONTACT</h4></div>
</nav>
</div>
</body>
</html>
CSS:
@CHARSET "US-ASCII";
* {
padding: 0px;
margin: 0px;
}
body {
text-align:center;
}
#big_wrapper {
border: 5px solid black;
width: 1000px;
margin: 20px auto; /* 20px: afstand fra top.. auto: alle andre sider. */
text-align: left;
}
#top_header {
background: green;
height: 80px;
}
#box {
height: 100px;
width: 200px;
border: 2px solid black;
float:left;
margin-left: 17px;
text-align: center;
}
.box1 {
height: 100px;
width: 100px;
border: 2px solid black;
float: left;
margin-left: 17px;
text-align: center;
}
Mvh Mads