Foros del Web » Creando para Internet » CSS »

Problema con un div de cabecera y otro de footer con alto 100%

Estas en el tema de Problema con un div de cabecera y otro de footer con alto 100% en el foro de CSS en Foros del Web. Hola a todos. Estoy tratando de hacer algo que creo que tiene que ser muy simple, pero no me sale. Mi intención es generar un ...
  #1 (permalink)  
Antiguo 26/10/2009, 11:06
Avatar de LauRiTa-C  
Fecha de Ingreso: marzo-2008
Mensajes: 9
Antigüedad: 9 años, 9 meses
Puntos: 0
Problema con un div de cabecera y otro de footer con alto 100%

Hola a todos. Estoy tratando de hacer algo que creo que tiene que ser muy simple, pero no me sale.

Mi intención es generar un div que contenga a su vez otros tres dentro. Uno al top con 100px de alto, el central para el contenido, y otro al bottom, también con 100px de alto, y todo esto ocupando únicamente el 100% de alto de la página (sin que salga el scroll).

Lo he intentado de mil modos pero estoy totalmente atascada y no ser por dónde salir, así que a ver si alguien me puede ayudar.

En el html tengo esto, aunque ya os digo que probé de mil maneras:

Código:
<body>
<div id="contenedor">
<div id="contenido">
<div id="arriba"></div>
<div id="abajo"></div>
</div>
</div>
</body>

Y en el css tengo esto:

Código:
html, body{height:100%; margin:0px;}
#contenedor { height: 100%;margin:0px;}
#contenido {height:100%; background:#0000FF;}
#arriba {height:100px; background:#333333;}
#abajo {height:100px; background:#FF0000;}

Tal y como está se ven el div arriba y el div abajo dentro del div contenido, pero los dos salen juntos arriba del todo.

Gracias de antemano!!!!!!!
  #2 (permalink)  
Antiguo 26/10/2009, 11:38
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con un div de cabecera y otro de footer con alto 100%

Pasa por www.araudi.net y fíjate si entre los ejemplos que Mikmoro llama "pie abajo" encuentras inspiración.
En las faq's de css también tiene otro ejemplo.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 26/10/2009, 12:19
Avatar de visitante28  
Fecha de Ingreso: julio-2009
Ubicación: Black Stone City
Mensajes: 128
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: Problema con un div de cabecera y otro de footer con alto 100%

hola

si lo que quieres es poner una cabezera y un pie de pag, solo seria cambiar un poco tu codigo para que te de el resultado que buscas,,

Código:
<body>

<div id="contenedor">
<div id="arriba"></div>        <!-- Cabezera -->
<div id="contenido"></div>  <!-- Contenido -->
<div id="abajo"></div>         <!-- Pie de pagina --> 
</div>

</body>
as este cambio yo creo que es lo que estas buscando,, verdad?? si no avisas.

saludos
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:12.