problem med centrering og placering af divs
Jeg er stødt på et lille problem med css, og har lavet en lille test med det her:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
#center {
width: 500px;
margin-left: auto;
margin-right: auto;
background-color: #ddd;
border: 1px solid red;
}
#boks1 {
width: 100px;
height: 300px;
background-color: green;
float: left;
}
#boks2 {
width: 200px;
height: 200px;
background-color: orange;
float: left;
}
</style>
<title>test</title>
</head>
<body>
<div id="center">
<div id="boks1">boks1</div>
<div id="boks2">boks2</div>
</div>
</body>
</html>
Jeg har lavet en center-div, hvor der er to divs inden i.
Der sker så det mærkelige at center-div'en ikke omkranser de to bokse ordentligt efter jeg har floatet de to bokse, så de kommer til at stå ved siden af hinanden.
Center-div'en bliver bare næsten væk, og ligger sig fladt oppe i toppen.
Jeg er lidt lost her. Syntes det ser rigtigt nok ud ...