Foros del Web » Creando para Internet » CSS »

Div se estira y se superpone.

Estas en el tema de Div se estira y se superpone. en el foro de CSS en Foros del Web. Hola amigos, tengo es siguiente problema, tengo un div que al ponerle contenido se estira con el problema que el div contenedor no, y este ...
  #1 (permalink)  
Antiguo 14/04/2010, 21:12
 
Fecha de Ingreso: diciembre-2007
Mensajes: 178
Antigüedad: 10 años
Puntos: 1
Div se estira y se superpone.

Hola amigos, tengo es siguiente problema, tengo un div que al ponerle contenido se estira con el problema que el div contenedor no, y este se superpone al div de abajo.

Código:
<div id="contenedor">

<div id="perso">
<div id="cont_foto"> <img src="../imagenes/perso/mifoto.jpg"/>  </div>

<div id="cont_texto">

<p>
Aqui va el texto que hace estirar el div...
...
...
</p>
</div>

</div>
</div>
<div id="footer></div>
Este es el codigo, el div 'perso' se termina superponiendo al div 'footer'.

Codigo css:
Código:
#contenedor{
margin: 0 auto;
width:550px;
background-color:#ddd;
border:#aaa 1px solid;
padding:15px;
min-height:300px;
}

#perso{
margin:0 auto;
width:500px;
padding:24px;
background-color:#bbb;
border:#990000 1px solid;
height:450px;
}
#cont_foto{
width:199px;
background-color:#eee;
border-right:#aaa 1px dashed;
float:left;
}

#cont_texto{
width:300px;
background-color:#eee;
float:right;
}

#footer{
   width:950px;
   background-color: #64ccac;
   text-align:right;
   height:50px;
   clear: both;
}
Si me pueden dar una mano, se los agradezco.
Saludos.
  #2 (permalink)  
Antiguo 15/04/2010, 00:21
 
Fecha de Ingreso: febrero-2010
Mensajes: 7
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Div se estira y se superpone.

eso es porque el div contenedor ya tiene un Height definido
  #3 (permalink)  
Antiguo 15/04/2010, 08:27
 
Fecha de Ingreso: diciembre-2007
Mensajes: 178
Antigüedad: 10 años
Puntos: 1
Respuesta: Div se estira y se superpone.

Hola le saqué el 'min-height' al div perso.
Pero el problema persiste y ahora el div contenido se sale para afuera del contenedor. :(

Me parece que esta parte la voy a hacer con tablas.

Saludos.
  #4 (permalink)  
Antiguo 15/04/2010, 09:42
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Div se estira y se superpone.

agrega... un overflow:hidden; a #perso para forzar la altura de este, por los elementos que estan flotados en su interior y salieron fel flujo natural...
Código:
#perso {
overflow:hidden;
}

Última edición por alexk; 15/04/2010 a las 09:43 Razón: bua estoy empezando a odioar el [code] jaja

Etiquetas: Ninguno
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 04:07.