Foros Programación Cliente

Problema con el footer

6 6 Respuestas Jueves 18 de febrero, 2010
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
Registrado desde 14/12/08
Número de posts: 26
  • Avatar de demssite demssite Registrado desde 07/02/04 / Número de posts: 754
    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.
    Publicado hace 2 años
  • Avatar de markshock markshock Registrado desde 21/03/05 / Número de posts: 780
    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.
    Desarrollo web, servicios integrales en internet

    Work: http://www.estadoactivo.com
    Yo: http://www.marctorres.es
    Blog: http://www.marc-torres.com
    Publicado hace 2 años
  • Avatar de dem dem Registrado desde 28/04/03 / Número de posts: 2115
    igual puedes probar con un:
    position:fixed;
    bottom:0px;
    _______________________________
    Portfolio - Camisetas - Libros infantiles
    Publicado hace 2 años
  • Avatar de nostromo nostromo Registrado desde 14/12/08 / Número de posts: 26
    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...
    Publicado hace 2 años
  • Avatar de nostromo nostromo Registrado desde 14/12/08 / Número de posts: 26
    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...
    Publicado hace 2 años
  • Avatar de nostromo nostromo Registrado desde 14/12/08 / Número de posts: 26
    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...
    Publicado hace 2 años