Foros del Web » Creando para Internet » CSS »

el div padre no adapta la altura al contenido

Estas en el tema de el div padre no adapta la altura al contenido en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/10/2008, 12:42
Avatar de marlowe  
Fecha de Ingreso: noviembre-2007
Mensajes: 59
Antigüedad: 10 años, 1 mes
Puntos: 2
el div padre no adapta la altura al contenido

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;
}
  #2 (permalink)  
Antiguo 24/10/2008, 12:48
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: el div padre no adapta la altura al contenido

Añade esto:

Cita:
<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 class="corte"></div>
</div>
y en la css añade:

.corte {clear: both;}
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 24/10/2008, 12:55
Avatar de marlowe  
Fecha de Ingreso: noviembre-2007
Mensajes: 59
Antigüedad: 10 años, 1 mes
Puntos: 2
Respuesta: el div padre no adapta la altura al contenido

Perfecto!!!! muy agradecido... y muchas gracias...
Saludos
  #4 (permalink)  
Antiguo 24/10/2008, 13:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: el div padre no adapta la altura al contenido

De nada, es un placer.

Saludos.

P.D.: Esto se consulta tantas veces que deberíamos hacerlo de alguna manera que la gente lo pudiera encontrar fácilmente en el foro, ya que al parecer no debe ser fácil de encontrar.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 24/10/2008, 13:22
Avatar de marlowe  
Fecha de Ingreso: noviembre-2007
Mensajes: 59
Antigüedad: 10 años, 1 mes
Puntos: 2
Respuesta: el div padre no adapta la altura al contenido

Yo, por lo menos siempre antes de preguntar intento encontrar respuesta en las FAQ's, y en los temas ya expuestos... muchas veces encuentro la respuesta, pero a veces, como éste caso, no he sabido, o que ya estaba de los nervios con el expediente x... Y quizá sea también por un tema de que cada uno de nosotros le pone un nombre distinto al mismo problema... es por encontrar una explicación.
Un saludo, y gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:21.