Foros del Web » Creando para Internet » CSS »

Quiero el pie al final de la pág!!

Estas en el tema de Quiero el pie al final de la pág!! en el foro de CSS en Foros del Web. Buenas tardes, les comento mi problema, resulta que tengo un sitio con vs páginas y en cada una va (además del contenido que es dinámico), ...
  #1 (permalink)  
Antiguo 17/01/2007, 12:25
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
De acuerdo Quiero el pie al final de la pág!!

Buenas tardes, les comento mi problema, resulta que tengo un sitio con vs páginas y en cada una va (además del contenido que es dinámico), una barra lateral (que contiene a la botonera y otros enlaces, un buscador, etc) y el pie (donde van los legales, etc).
Bueno, el tema es que cuando tengo muuucho texto y el contenido supera o llega justo a donde termina la barra lateral el pie se acomoda perfectamente al final, pero cuandop el contenido es poco y queda mucho blanco por debajo (hasta el final de la barra lateral) el pie "sube" y m,e queda al medio de la página!!
Ya probé de todo, margin-bottom, bottom, etc, etc.
Les dejo el cód del pie a ver si tengo algún error que no me haya dado cuenta.

.pie {
float:right;
width:780px;
margin-top:20px;
border-top: 1px solid #8C953B;
color:#999999;
font-style:italic;
padding:5px 0 5px 0;
z-index:2;
}

Gracias por responder!!
  #2 (permalink)  
Antiguo 17/01/2007, 12:51
Avatar de bhagat  
Fecha de Ingreso: julio-2002
Ubicación: Granada
Mensajes: 469
Antigüedad: 15 años, 4 meses
Puntos: 7
Re: Quiero el pie al final de la pág!!

Si lo quieres siempre al final, creo que es mejor posición absoluta, con bottom:0px, te recomendaría incluso fixed pero no lo interpretan IE6 y anteriores.

El problema creo que es el float, con lo que flotará mas arriba o abajo según el resto del contenido
__________________
Por prudencia, la palabra SIEMPRE,
no la deberiamos usar NUNCA

Bhagat Dominguez
www.percusioncreativa.com
  #3 (permalink)  
Antiguo 17/01/2007, 13:20
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Sonrisa Re: Quiero el pie al final de la pág!!

Bueno, probé sacarle el float, ponerle position:absolute y bottom:0px y nada, queda igual o más arriba, depende de la página.
Es raro, no se si se te ocurre otra sugerencia...
Gracias!
  #4 (permalink)  
Antiguo 17/01/2007, 17:21
Avatar de bhagat  
Fecha de Ingreso: julio-2002
Ubicación: Granada
Mensajes: 469
Antigüedad: 15 años, 4 meses
Puntos: 7
Re: Quiero el pie al final de la pág!!

deja un enlace para ver el código completo, tanto el CSS como el html o php.
__________________
Por prudencia, la palabra SIEMPRE,
no la deberiamos usar NUNCA

Bhagat Dominguez
www.percusioncreativa.com
  #5 (permalink)  
Antiguo 17/01/2007, 19:41
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Sonrisa Re: Quiero el pie al final de la pág!!

Es que el sitio en si todavía no lo he subido, no se si aún así se puede subir como para que lo puedas ver, si se puede solo decime cómo y lo hago en el momento, gracias.
  #6 (permalink)  
Antiguo 23/01/2007, 10:39
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Quiero el pie al final de la pág!!

Si tienes un contenedor principal, dentro del cuál está el pie, el problema no será que el pie sube cuando tienes poco contenido, sino que el contenedor principal se reduce, así que todo lo que tenga dentro se reduce con él (de alto, me refiero). Esto se debe a que no tienes un tamaño establecido en ese contenedor principal.

Si por ejemplo, pones que el body ocupe el 100% del alto de la página (height:100%;), y al contenedor le pones que tenga el 100% de alto también, éste siempre ocupará todo el alto de la página, tenga el contenido que tenga. De esta manera, podrás poner el pie dentro, en posición absoluta y a 0px de distancia de abajo (position: absolute; bottom: 0px;) y siempre se mantendrá en la parte de abajo de la página.

De todas maneras, esto hay varias formas de hacerlo. Como te dijo bhagat en su día, si pones aquí el código html y css será más fácil que alguien te haga una sugerencia exacta para lo que tú necesitas.

Mikel.
  #7 (permalink)  
Antiguo 23/01/2007, 12:30
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
De acuerdo Re: Quiero el pie al final de la pág!!

Gracias Mikmoro por tu comentario, en realidad probé lo que me ponés en tu mensaje y funciona, de no ser porque tengo una barra lateral a la izquierda, lo que provoca que todo el contenido se desplaze y comienze a verse por debajo de la barra (un desastre) en realidad estuve viendo por internet y logré resolver en parte esta cuestión, saqué del contenedor central el pie y lo puse dentro del contenedor (que contiene al contenedor central, la barra lateral y el encabezado, en definitiva, el que contiene todo). y a este le puse (overflow:hidden;) y quedó perfecto, ahora el único problema que tengo es IE, que no respeta nada.
Sobre lo otro me encantaría pasar el código completo, es más ya lo había hecho pero se borró, no se que pasó estuvo 2 días mas o menos el código, separado en 2 mensajes porque no entraba y ahora que volví a entrar ya no está, ni idea.
Me gustaría saber si existe alguna forma de subir la página aunque sea momentáneamente para que desde el foro la puedan ver.
Bueno, gracias por los comentarios, a ver si me dan una mano con IE!!!
Gracias.
  #8 (permalink)  
Antiguo 23/01/2007, 12:52
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Quiero el pie al final de la pág!!

Si te fijas en mi mensaje, te decía "Si tienes un contenedor principal", que es donde yo entendí que tenías el pie.
Si hubiera entendido que tenías el pie en el contenedor del "contenido", digamos central, no te hubiera recomendado eso, porque es de esperar lo que pasaría.

Yo creo que puedes poner el código sin problemas, pero en fin, en eso los moderadores se pronunciarán (espero).

Mikel.
  #9 (permalink)  
Antiguo 23/01/2007, 14:35
 
Fecha de Ingreso: enero-2007
Ubicación: perdida entre líneas de código...
Mensajes: 235
Antigüedad: 10 años, 11 meses
Puntos: 1
Re: Quiero el pie al final de la pág!!

Ya está, si Mikmoro, tenías razón, con ponerlo dentro del contenedor principal era suficiente, que se yo, algunas quedaban bien de la otra manera por eso no se me había ocurrido moverlo de lugar.
En cuanto a IE, tb está resuelto ajustando algunos valores de tamaño, como siempre, asi que mil gracias por los comentarios, me fueron de mucha ayuda!
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 22:45.