#1 [AYUDA] [CSS] un div toma el tamaño de la mayor list que contiene
Hola gente, estoy trabado con esto que tengo que hacer (el resultado esperado lo adjunto en una imagen). Esa lista de cosas se genera dinámicamente, por lo cual no puedo fijar el alto que va a tener.
la estructura que le hice es la siguiente (les pongo una sola de las columnas por una cuestion de simplicidad)
y el css que le metí es este (igual no anda bien, es decir, anda hardcodeado y obviamente esa no es la idea) Alguno tiene alguna idea de cómo hacerlo? se les ocurre darle alguna otra estructura para meterle al html?
mil gracias, la verdad que me estoy rompiendo la cabeza con esto...
pd=encima la idea es que sea compatible con ide y con firefox por eso van a ver algunas chanchasdas en el css, para que sea compatible con IE.
la estructura que le hice es la siguiente (les pongo una sola de las columnas por una cuestion de simplicidad)
Código PHP:
<div id="content">
<div class="topic">
<div class="img">
<img src="Acceder_r8_c2.gif" alt=""/>
</div>
<div class="categorias">
<dl>
<dt>Arte</dt>
<dd>Pintura</dd>
<dd>Escultura</dd>
<dd>Grabado</dd>
<dd>Dibujo</dd>
</dl>
</div>
<div class="space">
</div>
</div>
</div>
Código PHP:
#content{
margin-top: 37px;
margin-left: 8px;
overflow: hidden;
width: 100%;
}
.topic{
border-left-width: 4px;
border-left-style: solid;
border-left-color: #e77817;
float: left;
background-color: transparent;
height: 100%;
width: 80px;
}
.img{
height: 79px;
clear: both;
}
.categorias{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999;
font-size: 10px;
background-color: transparent;
}
.categorias dl{
margin-top: 3px;
padding-left: 3px;
height: 7em;
}
.categorias dl dt{
font-weight: bold;
margin-left: 0px;
margin-bottom: 15px;
list-style: none;
color: #000;
}
.categorias dl dd{
margin-left: 0;
list-style: none;
}
.space{
height: 40px;
background-color: #dddccd;
}
mil gracias, la verdad que me estoy rompiendo la cabeza con esto...
pd=encima la idea es que sea compatible con ide y con firefox por eso van a ver algunas chanchasdas en el css, para que sea compatible con IE.
0
