Problemas con footer y css

#1 (**permalink**) 19/12/2009, 18:01

Hola a todos,

Estoy con un problema quizás sea básico de solucionar, pero simplemente ya no se me ocurre como hacerlo.

El caso es que no puedo hacer que el footer se mantenga en l aparte inferior de la página si la agrando a tamaño completo.

Un ejemplo lo pueden ver en http://probe.sytes.net que es un trabajo que estoy realizando, donde si colocan mostrar pantalla completa ocurre que el footer no se mantiene en la parte baja.

Por favor alguna ayuda

Gracias

Ginno

jomaruro · #2 (**permalink**) 20/12/2009, 04:09

Hola:

Prueba la url que indicas, me temo que hay un error en ella.

Saludos.

#3 (**permalink**) 20/12/2009, 07:00

Corrijo la web, esta es la correcta, mil disculpas

http://probe.sytes.net

Ginno

jomaruro · #4 (**permalink**) 21/12/2009, 14:15

Hola:

Pues algo pasa porque da error: La conexión ha cadudado.

Saludos.

#5 (**permalink**) 21/12/2009, 18:04

Hola

Prueba ahora por favor

Ginno

mariomon17 · #6 (**permalink**) 21/12/2009, 18:12

No solo no queda fijo el footer, sino q si le damos zoom el texto se sale de las imageenes.

mariomon17 · #7 (**permalink**) 21/12/2009, 18:22

Bueno, revisando tu codigo fuente he encontado varios asuntillos:
-Me parece un poco extraña tu forma de usar los contenedores DIV
-Tu indicas que quieres que el footer este del top a una distancia "x", entonces al aumentar esa distancia la tiene que conservar...

-Otra cosa, en el sector titulo utilizas "left" para intentar centrar el elemento. No seria mas facil poner "align:center"; y no necesitarias "top" si el contenedor estuviera debajo del otro.

mariomon17 · #8 (**permalink**) 21/12/2009, 18:25

Mirate esto, hay ciertas propiedades mal escritas.
http://jigsaw.w3.org/css-validator/v...ning=1&lang=es
Un saludo a todos,
¡FELIZ NAVIDAD! Ho, ho, ho...

#9 (**permalink**) 21/12/2009, 18:45

Hola Mariomon muchas gracias por tu respuesta

Bueno, ya está corregido lo que me dices, sin embargo no logro entender como puedo mantener el footer siempre abajo y que se vea tanto en internet explorer 8 como en firefox 3.5 a la misma altura.

Es más, si achico la pantalla arrastrándola, en ambos explorador el footer queda en medio de la página.

¿Alguna sugerencia?

Saludos

Ginno

asinox · #10 (**permalink**) 21/12/2009, 20:33

el footer abajo?

Código:

#footer{
  position:absolute:
  height:50px;
  bottom:0px;
}

#11 (**permalink**) 21/12/2009, 23:39

Hola asinox, gracias por tu respuesta, pero simplemente no la entiendo, ¿que quiere decir ese código que colocaste?

Saludos

Ginno

asinox · #12 (**permalink**) 22/12/2009, 12:26

Hola ginnomillan, creo que minimo sabes como darle sus respectivos ID y clases a las etiquetas, entonces, suponiendo que tu div para footer :

XHTML

Código:

<div id="footer">Este es el pie de mi website </div>

CSS

Código:

#footer{
  position:absolute:
  height:50px;
  bottom:0px;
}

Si alguna vez has probado CSS creo que no te es extraño.
Saludos

mariomon17 · #13 (**permalink**) 22/12/2009, 16:47

Pero no necesitas cambiar nosolo el footer, lo demas esta descolocado tambien...