Problemer med at få div til at følge div
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Stilhistorie - Spansk Barok</title>
<link rel="stylesheet" href="includes/style.css" type="text/css" media="all" />
</head>
<body>
<div id="BoxMain">
<div id="BoxTop">
<div id="BoxMenu">
</div>
</div>
<div id="PicFrame"></div>
<div id="PicMotiv"></div>
<div id="BoxContent">
</div>
</div>
</body>
</html>
min css:
body {
background-image:url(../images/background.png);
background-repeat:repeat;
height: 100%;
width: 100%;
position: absolute;
margin-bottom:25px;
margin:0px;
}
#BoxMain {
position:relative;
left:50%;
margin-left:-450px;
width:900px;
min-height:550px;
border:1px solid #000000;
background-image:url(../images/bund.png);
background-position:bottom;
background-repeat:no-repeat;
clear:both;
}
#BoxTop {
position:absolute;
width:900px;
height:236px;
background-image:url(../images/topbanner.png);
}
#BoxMenu {
position:absolute;
top:151px;
left:75px;
color:#e1b336;
}
#PicFrame {
position:absolute;
width:240px;
height:186px;
left:575px;
top:200px;
background-image:url(../images/frame.png);
z-index:1;
}
#PicMotiv {
position:absolute;
width:167px;
height:124px;
top:229px;
left:610px;
background-image:url(../images/pic.png);
}
#BoxContent {
position:relative;
top:200px;
left:75px;
width:475px;
min-height:300px;
border:1px solid #000000;
clear:both;
}
hvorfor kan jeg ikke få min BoxMain til at Vokse sammen med min BoxContent. Det skulle helst være sådan at BoxMain altid er 30 px større end den anden, lige gyldigt hvor meget indhold der bliver smidt ind.
