Hola, tengo un div padre, que la altura del contenido es variable, lo que quiero es que que el div padre se adapte a la altura del contenido, para que por ejemplo le haga de fondo.
Dentro del padre tengo dos mas con float, a modo de columnas, el codigo html seria:
<div id="novetats">
<div id="novetats1left">
<ul>
<li>
<a href="#">bla bla bla</a></li>
<li>
<a href="#">bla bla bla</li>
</ul>
</div>
<div id="novetats1right">
<ul>
<li>
<a href="#">bla bla bla</a></li>
<li>
<a href="#">bla bla bla</li>
</ul>
</div>
</div>
</div>
CSS:
#novetats {
width: 590px;
background-color:#E8EEF1;
}
#novetats1left {
width: 275px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#3D3F41;
margin-bottom: 30px;
}
#novetats1left ul,#novetats1right ul {
list-style: none;
margin: 0;
padding: 0;
line-height:20px;
}
#novetats1left li a, #novetats1right li a {
text-decoration: none;
}
#novetats1left li a:link, #novetats1left li a:visited, #novetats1right li a:link, #novetats1right li a:visited {
color:#3D3F41;
display: block;
background-color:#E8EEF1;
padding: 2px 0 0 10px;
}
#novetats1left li a:hover, #novetats1left li #current, #novetats1right li a:hover, #novetats1right li #current {
color: #000000;
background-color:#C3CBCE;
padding: 2px 0 0 10px;
}
#novetats1right {
width: 275px;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#3D3F41;
margin-bottom: 30px;
}