placere div tags i css
Hejsa.Jeg sidder og prøver at starte på et layout som dette:
http://postimg.org/image/5y5xnusqr/
Jeg har indtil videre lavet dette:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title> | Index |</title>
<link rel="stylesheet" type="text/css" href="css/indexcss.css">
</head>
<body>
<div class="container">
<div class="banner">
<!--<p>Banner</p>-->
</div>
<div class="leftbox">
<!--<p>Left Box</p>-->
</div>
<div class="centerbox">
<!--<p>Center Box</p>-->
</div>
<div class="rightbox">
<!--<p>Right Box</p>-->
</div>
</div>
</body>
</html>
CSS
.banner {
display: block;
float: left;
width: 960px;
height: 300px;
border: thick;
border-color: red;
background-color: blue;
}
.leftbox {
display: block;
float: left;
height: 100px;
width: 100px;
border-color: red;
background-color: red;
}
.centerbox {
display: block;
float: left;
height: 100px;
width: 100px;
border-color: red;
background-color: yellow;
}
.rightbox {
display: block;
float: left;
height: 100px;
width: 100px;
border-color: red;
background-color: green;
}
Det ser sådan ud:
http://postimg.org/image/sljjallhf/
Jeg kan simpelthen ikke få den røde, gule og grønne kasse under det blå banner. Er der nogle som ved hvordan jeg kan gøre dette? Endvidere vil jeg også gerne centerer banneret, men kan ikke helt finde ud af det.
mvh Mads
