N`Kr1pt
Legacy Member
weet er iemand hoe ik een div kan laten groeien naargelang de inhoud?
ik wil ongeveer hetzelfde gedrag verkrijgen als dat van een <td> element.
dit is de ruwe layout:
dit is de css:
ik zou graag willen dat de content div in hoogte groeit naargelang de inhoud ervan
ik wil ongeveer hetzelfde gedrag verkrijgen als dat van een <td> element.
dit is de ruwe layout:
Code:
<body>
<div id="container">
<div id="header"></div>
<div id="content">
<div id="menu_left">
</div>
<div id="main">
</div>
<div id="menu-right">
</div>
</div>
<div id="footer"></div>
</div> <!-- close container div -->
</body>
</html>
dit is de css:
Code:
body {
background-color: #333333;
color: white;
font-family: verdana, arial, serif;
font-size: 12px;
}
#container {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
width: 100%;
background-color: #555555;
}
#header {
width: 100%;
height: 110px;
background: url(images/banner_bg.jpg);
background-repeat: repeat-x;
}
#footer {
width: 100%;
height: 100px;
background: url(images/footer_bg.jpg);
background-repeat: repeat-x;
}
#content {
width: 100%;
height: 80%;
background-color: #555555;
}
#menu_left {
width: 250px;
margin-left: 10px;
float: left;
}
#menu_right {
}
#main {
position: absolute;
left: 290px;
top: 180px;
width: 450px;
}
ik zou graag willen dat de content div in hoogte groeit naargelang de inhoud ervan
