Ben bezig met het maken van me weblayout in divjes.
Nu heb ik 1 div die mee moet rekken als die groter is dan een bepaalde lengte.
Nu heb ik dus het menu en de content in 2 aparte div gezet en deze weer in 1 andere div omdat die moet uitrekken als het menu of als de content te groot is.
maar nu is het probleem dat ik dacht dat ik het menu en de content naast elkaar had geplaats, maar hij zet ze onder elkaar.
Vraagje, hoe kan ik dit oplossen?
Voorbeeld http://goblinwar.nl/test/
html:
<div id="container">
<div id="header">
</div>
<div id="menucontentwrap">
<div id="menu">
</div>
<div id="content">
</div>
</div>
</div><!-- einde van de container -->
<div id="footer"> <img src='img/footer.jpg' width='800' height='60' alt=""/>
</div>
css:
#header
{
padding:0px;
top: 5px;
text-align:center;
height: 200px;
width:800px;
background-color:#c9ddc2;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
}
#menucontentwrap
{
top:200px;
min-height:400px;
}
#menu
{
background-color:#054109;
width:200px;
min-height:400px;
}
#content
{
margin-left:200px;
width:565px;/* 600 - 35 padding*/
padding-left:35px;
}
#container
{
position:relative;
width:800px;
}
#footer
{
position:relative;
width:800px;
height:60px;
background-image:url(../img/footer.jpg);
background-repeat:no-repeat;
}