Foros del Web » Creando para Internet » CSS »

Div conteniendo otra Div que quede situada en su parte inferior.

Estas en el tema de Div conteniendo otra Div que quede situada en su parte inferior. en el foro de CSS en Foros del Web. Hola, quiero hacer que una Div contenga otra Div y que ésta última se sitúe en la parte inferior. Por defecto me aparece la Div ...
  #1 (permalink)  
Antiguo 06/02/2011, 09:44
 
Fecha de Ingreso: enero-2011
Mensajes: 158
Antigüedad: 6 años, 10 meses
Puntos: 2
Div conteniendo otra Div que quede situada en su parte inferior.

Hola, quiero hacer que una Div contenga otra Div y que ésta última se sitúe en la parte inferior. Por defecto me aparece la Div de dentro arriba del todo, y quiero que esté abajo.

Saludos!
  #2 (permalink)  
Antiguo 06/02/2011, 12:51
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Div conteniendo otra Div que quede situada en su parte inferior.

Al div exterior le puedes dar posición relativa (position:relative) y al interior posición absoluta situándolo sobre el borde inferior (position:absolute; bottom:0;)
Esto sólo se notará si el div exterior tiene un alto mayor que el div interior.
Debes tener en cuenta que al usar una posición absoluta el div interior se colocará sobre cualquier otra cosa que haya en el div exterior. Para evitar este solapamiento, puede incluirse otro div con un margen inferior igual a la altura del que se situa en el borde inferior.

<style type="txt/css">
div#exterior{
position:relative;
min-height:500px;
}
div#contenido{
margin-bottom:300px;
}
div#pie{
position:absolute;
bottom:0;
height:300px;
}
</style>
<body>
<div id="exterior">
<div id="contenido">Algo de contenido"</div>
<div id="pie">Contenido del pie</div>
</div>
Las medidas que doy son figuradas, cámbialas por las que necesites.
  #3 (permalink)  
Antiguo 06/02/2011, 13:02
 
Fecha de Ingreso: enero-2011
Mensajes: 158
Antigüedad: 6 años, 10 meses
Puntos: 2
Respuesta: Div conteniendo otra Div que quede situada en su parte inferior.

Cita:
Iniciado por sanxuan Ver Mensaje
Al div exterior le puedes dar posición relativa (position:relative) y al interior posición absoluta situándolo sobre el borde inferior (position:absolute; bottom:0;)
Esto sólo se notará si el div exterior tiene un alto mayor que el div interior.
Debes tener en cuenta que al usar una posición absoluta el div interior se colocará sobre cualquier otra cosa que haya en el div exterior. Para evitar este solapamiento, puede incluirse otro div con un margen inferior igual a la altura del que se situa en el borde inferior.

<style type="txt/css">
div#exterior{
position:relative;
min-height:500px;
}
div#contenido{
margin-bottom:300px;
}
div#pie{
position:absolute;
bottom:0;
height:300px;
}
</style>
<body>
<div id="exterior">
<div id="contenido">Algo de contenido"</div>
<div id="pie">Contenido del pie</div>
</div>
Las medidas que doy son figuradas, cámbialas por las que necesites.
Hola sanxuan, gracias por la repuesta, voy a probar a ver qué tal ;)

Etiquetas: quede
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 08:38.