FOROS DE INFORMATICA

Diseño web => CSS => Mensaje iniciado por: Edgartas en Junio 01, 2010, 12:53:58



Título: DIV que no desciende cuando se hace mas grande el div superior
Publicado por: Edgartas en Junio 01, 2010, 12:53:58
Hola buenas soy programadro web, pero el diseño me lleva un poco loco, a ver si npodeis ayudarme, tngo un div donde hay una galeria de imagenes y debajo de este div tngo el pie de pagina, pero al acerse grande la galeria el pie de pagina no baja acia abajo se queda en el sitio. Agradeceria mucho vuestra ayuda.

Gracias


Título: Re: DIV que no desciende cuando se hace mas grande el div superior
Publicado por: pcexpansion en Junio 01, 2010, 09:38:03
pon el código que utilizas


Título: Re: DIV que no desciende cuando se hace mas grande el div superior
Publicado por: Edgartas en Junio 01, 2010, 01:54:28
Estas son las dos capas #pie(como su nombre indica es el pie de la pagina) y el contenido es donde nesta alojada dicha galeria
Gracias

#pie{  visibility:visible;width:735px; height:43px; margin-left:5px; margin-top:15px; background-image:url(../images/pie2.png); position:relative;}
#contenido{  visibility:visible;width:560px; background-color:#FFF; min-height:465px; height:auto; margin-left:5px; margin-top:-523px;}


Título: Re: DIV que no desciende cuando se hace mas grande el div superior
Publicado por: pcexpansion en Agosto 03, 2010, 08:48:07
quita el position relative, no le hace alta, y puede estar ahí el problema


Título: Re: DIV que no desciende cuando se hace mas grande el div superior
Publicado por: asisehaceunaweb en Septiembre 01, 2010, 07:29:50
anda asi en todos los navegadores o solo se ve mal en firefox y chrome?


Título: Re: DIV que no desciende cuando se hace mas grande el div superior
Publicado por: antufucha en Noviembre 01, 2010, 09:36:05
Lo de position:relative; no está mal, pero debes usar float, float:left o float:right depende.
Y además debes poner al final de la capa que se usa como contenedor de las demás un <br class="clearfloat"  />.
De esa forma las "cajas" que estén incluidas dentro del contenedor no se saldrán y el contenedor crecerá cuando la capa interna crezca.

<div id="envolvente"> <!-- esta es la capa exterior -->

       <div ><!-- esta es la capa interior -->
                     Aqu&iacute; va el texto e imágenes que corresponde al contenido de la p&aacute;gina.
       </div>

</div><br class="clearfloat"  />


este sería el codigo CSS

.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

Espero que te ayude.

Saludos.