Foros del Web » Creando para Internet » CSS »

Problema con pie de página

Estas en el tema de Problema con pie de página en el foro de CSS en Foros del Web. Hola, estoy intentando añadir un pie de página a mi web y estoy teniendo bastantes dificultades, a ver si se explicarme bien: Este es el ...
  #1 (permalink)  
Antiguo 28/03/2007, 07:04
 
Fecha de Ingreso: enero-2007
Mensajes: 44
Antigüedad: 10 años, 10 meses
Puntos: 1
Problema con pie de página

Hola, estoy intentando añadir un pie de página a mi web y estoy teniendo bastantes dificultades, a ver si se explicarme bien:

Este es el esquema de la página:
Código HTML:
<body>
    <div id=contenedor>
        <div id=cabecera>..........</div>
        <div id=menu>...............</div>
        <div id=contenido>.........</div>
    </div>
    <div id=pie>.........</div>
</body> 
Y esto parte del archivo CSS:
Código:
html,body {
        height:100%;
        }
#contenedor {
        position: relative;
        min-height: 100%;
        }
/* Hack para IE 6 */
* html #contenedor {
        height:100%;
        }
#cabecera {	
	margin: 0; 
	position: relative;
	top: 0;
	left: 0;
	}
#menu {
	position: relative;
	top: 115px;
	left: 0px;
        float: left;
        }
#contenido {  
	position: relative;
	top: 115px;
	left: 25px;
        }
#pie {
        position:relative;
        height:40px;
        margin-top:-40px;
        }
El posicionamiento del pie lo he buscado por ahi y no me posiciona bien, el pie aparece justo en la parte baja de la página, pero si el contenido es más largo se sobrepone.
He probado a quitar todos los <div> de dentro del contenedor y entonces si que funciona correctamente, asi que creo que es cuestión de jugar con el POSITION, pero no lo tengo muy claro.
No he sido capaz de encontrar un ejemplo con tantos div y pie asi que espero que a alguien se le ocurra algo.

Gracias y un saludo!
  #2 (permalink)  
Antiguo 28/03/2007, 14:40
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Re: Problema con pie de página

puedes usar en el div #pie:

clear: both;

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 28/03/2007, 15:25
 
Fecha de Ingreso: febrero-2007
Mensajes: 53
Antigüedad: 10 años, 9 meses
Puntos: 1
Re: Problema con pie de página

Espero que te sirva el siguiente Link!
http://www.forosdelweb.com/f53/cosas-basicas-pie-pagina-que-queda-fondo-467272/
  #4 (permalink)  
Antiguo 28/03/2007, 20:20
 
Fecha de Ingreso: enero-2007
Mensajes: 44
Antigüedad: 10 años, 10 meses
Puntos: 1
Re: Problema con pie de página

Gracias por el link axterixv... lo del pie me ha kedado bastante claro, además he probado el ejemplo del enlace y funciona a la perfección, peeeeeeero...

creo que he enfocado mal mi problema... no creo que sea cosa del pie. He probado a pintar el borde de cada DIV y esto es lo que he descubierto :

- El pie se coloca bien, ya que está justo al final del DIV contenedor.
- La cabecera y el menú lateral también se colocan bien
- El problema está en el contenido. Si el contenido es más largo que la página (es decir, el 100% del contenedor), el pie se solapará, y esto es porque el DIV que lo envuelve (contenedor) no estira, sino que mantiene su altura inicial.

He probado a poner en el div contenedor overflow:auto pero el pie sigue solapándose y sólo aparece una barra de scroll para el contenedor.

Espero haberme explicado algo mejor esta vez y qque me sirva para estar más cerca de la solución.

Gracias y salu2
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 21:57.