Comunidad de diseño web y desarrollo en internet online

propiedad height:auto de una capa

Citar            
MensajeEscrito el 17 Ene 2010 08:55 pm
Hola amigos tengo el siguiente problema:

Quiero que la div roja quede debajo de la gris (10px) y que la verde quede debajo de la roja se entiende??

Ayudaaaaaaa

Por juaann

33 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Ene 2010 10:08 pm
fácil:


¿Ah, cómo? ¿Que no era así, sino con códigos? ;)
Bueno, publica tu código html y css y así te podremos ayudar más certeramente.
Mientras, prueba a añadir la propiedad overflow a las cajas contenedoras de los elementos flotados.

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Ene 2010 06:04 am
Contenedor:

Código :

#cont_blanco {
   position: relative;
   top:10px;
   left:10px;
   width:940px;
   background: #FFFFFF;
   padding: 0px 0px 30px;
   clear: both;
}


Caja:

Código :

#caja {
   position: relative;
   top:200px;
   width:250px;
   left: 680px;
   height:500px;
   background: #C8C8C8 url('../imagenes/barra_ventana.png') repeat-x;
   text-align:left;
   padding: 0px 0px 10px;
}

Por juaann

33 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Ene 2010 08:05 am
Agrégale al div rojo un padding-bottom:10px; y si está flotando el div en su interior, pon otro antes de cerrar que sea <div style="clear:both;"></div>

Eso funcionará. La verdad, no entendí el código que publicaste... Ninguno de esos divs son rojos ¿?

Por elfleat

871 de clabLevel

2 tutoriales

Genero:Masculino  

Miami, USA

firefox
Citar            
MensajeEscrito el 18 Ene 2010 12:52 pm
Juan, con el poco código que ofreces poco (o nada) podemos deducir.
Me inclino a pensar que tanto el div gris como el rojo los has sacado fuera del flujo del html. Bien por flotarlos o por la posición que le hayas otorgado.
Uno de los efectos más documentados de los elementos que se sacan del flujo del html es que no fuerzan el crecimiento de su padre (de la caja que lo contiene).

Para contrarrestar ese efecto existen varias técnicas. Una es la indicada por Elfleat: uso de un div limpiador o de corte. En algunos caso es la única posible.

Sin embargo, encuentro más limpia, elegante y semántica la solución basada en añadir un "overflow" vía css al contenedor padre, como te dije, siempre que sea posible.

Mírate el enlace que te puse en la primera respuesta.

Saludos

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Ene 2010 11:38 pm
Gracias por sus respuestas amigos...
Pero sigue pasando lo mismo la div contenedora crece pero hasta la mitad osea no queda debajo de la caja.

Cual es el codigo que necesitan amigos??

Por juaann

33 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Ene 2010 01:42 am
Pon un enlace a tu realización (si puedes alojarla en red) y en su ausencia el html (el generado por el navegador, no el programado si usas php u otro lenguaje) y el css.

Si es mucho el código, límpialo para dejar sólo el problema y que se pueda reproducir.

Por DvillB

118 de clabLevel



 

firefox

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.