Foros del Web » Creando para Internet » CSS »

php y css

Estas en el tema de php y css en el foro de CSS en Foros del Web. Buenas dias/tardes/noches! Estoy teniendo problemas a al hora de ajusta la altura al contenido. Tengo creado una estructura, <div contenedor> y dentro <div contenido> (os ...
  #1 (permalink)  
Antiguo 05/05/2012, 12:42
 
Fecha de Ingreso: diciembre-2010
Mensajes: 8
Antigüedad: 13 años, 11 meses
Puntos: 0
php y css

Buenas dias/tardes/noches!

Estoy teniendo problemas a al hora de ajusta la altura al contenido. Tengo creado una estructura, <div contenedor> y dentro <div contenido> (os lo dejo debajo con el css), el problema que tengo que al incluir contenido desde ficheros php el contenedor se queda con la altura del contenido que es estatico no dinamico. Entonces todo lo que meto con php
si es muy largo se me descuadra. Os dejo una fotillo, la linea que se ve naranja es el div contenido. ¿Que tengo mal? me esta matando los porcentajes xD y yo pensaba que era lo mas facil. xDD. http://imageshack.us/photo/my-images/526/imgndg.jpg/

<div clas='contenedor'>
<div class='left'> </div>
<div class='contenido'>
</div>
</div>

/* CSS */
html, body {
width:100%;
height: 100%;
margin:0px;
background-color: #BDDACF;
}

.left{
position:relative;
width: 20%;
height: 85%;
border:none;
float:left;
}

.contenedor{
width:100%;
top:0%;
left:0%;
position:relative;
border:1px solid orange;
}

.contenido{
position:relative;
width: 79%;
height: 100%;
border:1px solid orange ;
float:left;
}

Tambien tengo los div headers y headers2 por si los porcentajes no son exacto, no los incluyo porque creo que no haran faltan avisenme si son necesarios.

uN sAlud0!
  #2 (permalink)  
Antiguo 05/05/2012, 12:55
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 10 meses
Puntos: 306
Respuesta: php y css

El problema se debe a que al flotar los div internos, el contenedor hace como que no hubiera nada, ya que el float saca del flujo normal del documento a los div donde se le aplica esta propiedad.

Una alternativa es en el css del contenedor agregar:
Código CSS:
Ver original
  1. .contenedor{
  2. ...
  3. overflow:hidden;
  4. }

También podría ser overflow:auto.

Investiga, busca, consulta sobre como "limpiar los float"

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 05/05/2012, 14:12
 
Fecha de Ingreso: diciembre-2010
Mensajes: 8
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: php y css

perfectooo C2am, todo tiene mejor pinta ahora xD. Gracias por la info.

uN sAluD0!

Etiquetas: contenido, html, php, fondo
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 05:07.