overflow de div conteniendo div conteniendo ul

Lucky_Sky · #1 (**permalink**) 15/11/2011, 09:39

Tengo este codigo css:

.ficha_privada_container_detalles{
width:900px;
overflow:hidden;
margin-left:35px;
margin-top:10px;
background-color:#FF9;
}
.ficha_privada_detalles{
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
width:435px;
background-color:#96C;
float:left;
height:200px;

}
.ficha_privada_detalles ul {
padding:0;
margin:0;
list-style-type:none;
height:12px;
}
.ficha_privada_detalles ul li{
padding:5px 5px 5px 25px;
background:url(../images/bullet.gif) no-repeat left;
color:#333333;
}

y lo uso así :
<div class="ficha_privada_container_detalles">
<div class="ficha_privada_detalles">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
</div>
<div class="ficha_privada_detalles">
<ul>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
</ul>
</div>
<br style="clear: both;">
</div>

He tenido que ponerle "height" a .ficha_privada_detalles porque no se estiraba en función del contenido.
¿Alguien sabe por qué y/o como hacerlo bien?

Gracias!

linuxzero · #2 (**permalink**) 15/11/2011, 10:15

Dentro de esta clase

Código:

.ficha_privada_detalles ul {
    padding:0;
    margin:0;
    list-style-type:none;
    height:12px;
}

quitale el height, osea que quede así:

Código:

.ficha_privada_detalles ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

Lucky_Sky · #3 (**permalink**) 15/11/2011, 10:21

solucionado, Gracias!

linuxzero · #4 (**permalink**) 15/11/2011, 10:22

De nada ;)