Problema con el footer
4 seguidores
Hola a todos!
Le estoy dando un makeover a mi portfolio. Esta vez me he propuesto hacer mi web no utilizando tables solo con CSS y hacerla tambien k valide...
Ahi va el link:
http://www.nostromostudio.com/new/
Tengo un problemilla con el footer de dicha web, cuando la veo en resoluciones pequenas especialmente en PCs el footer aparece en el medio de la pagina.
He utilizado el sticky footer de este señor:
http://www.cssstickyfooter.com/
Ya no se que probar mas quiza lo estoy haciendo todo mal.
Agradeceria si alguien ha tenido el mismo problema y me pudiera ayudar.
Tambien acepto comentarios sobre mi nuevo diseño.
Gracias por adelantado
nostromo Plus
Bueno otra vez por aqui
Creo k he solucionado el footer con la propuesta de dem. Muchas gracias.
Y lo he poesto encima de todo lo demas utilizando el parametro: z-index
Mi footer es:
width: 100%;
position:fixed;
height: 14px;
text-align: left;
padding: 4px 0px;
background: #1d1d1d;
font-family: "century gothic","arial";
color: #F7F2EF;
font-size: 10px;
bottom:0px;
z-index:3;
No se que he echo pero cuando lo testeo en ie el header es l k no sale bien.
El pantallazo:
http://www.nostromostudio.com/ie7.0pc.png
Voy a seguir probando...
nostromo Plus
Hola otra vez
He encontrado un website muy util para testear tus websites en diferentes navegadores:
http://browsershots.org
Lo voy a poner en recursos por si a alguien le sirve.
En definitiva en este screenshot podeis ver kual es el problema con el footer.
Esto es en un pc con safari a una resolucion de 1280x1024
http://www.nostromostudio.com/safaripc1280.png
Me gustaria que el footer kedara tambien por encima de los thumbs...
nostromo Plus
Gracias por las respuestas.
Markshock o sea k para el footer se pegue siempre abajo solo tengo k utilizar el top-margin negativo y k sea igual al height?
#footer {
width: 100%;
height: 14px;
padding: 4px 0px;
background: #1d1d1d;
font-family: "century gothic","arial";
color: #F7F2EF;
font-size: 10px;
bottom:0px;
margin-top: -14px;
clear:both;
}
Es una putada no poderlo testear yo mismo...
dem Mod
igual puedes probar con un:
position:fixed;
bottom:0px;
markshock
Yo en su día cuando quise hacer eso, utilice este ejemplo y desde entonces no he tenido jamas ningún problema.
http://araudi.net/ejemplos/pie_siempre_abajo.html
te lo recomiendo al 200%, muy simple y claro.
demssite
No lo he mirado muy a fondo, pero por lo que he podido ver, al posicionar de forma absoluta tu contenido no te pilla la altura. Si te fijas el body no llega hasta abajo, haz la prueba poniendo por ejemplo un
border: 1px solid red;
y verás de lo que te hablo.