Jump to content

[TUTORIAL] Como fazer um footer sempre no final da página


Guest Dêemezeká
 Share

Recommended Posts

  • Não quer ver o footer logo abaixo do menu caso sua página não tem um conteudo?


    Veja como fazer um footer sempre no final da página:


     


    Seu site precisa ter uma tag <html> e uma tag <footer>, ou <div class="footer"> tanto faz.


    Por favor, registre-se ou entre para visualizar isso.

    Depois disso, agora tudo vai ser feito no css: (coloque isso dentro da tag <head> ou em um arquivo css externo)


    Por favor, registre-se ou entre para visualizar isso.
    Por favor, registre-se ou entre para visualizar isso.

    Está tudo explicado nos comentários do codigo :p


    Resultado:


    jTqSNQL.png

     


     


    Se tem dúvida em algo é so responder o topico que eu respondo :D


    Link to comment
    Share on other sites

  •  

    Não uso mais a tag footer, mas ótimo tutorial. Hoje em dia abandonei tabelas, rodapés e tudo mais, trabalho só com div's :D

    por que parou kk

    Recomendo vc nao usar so divs, isso foge dos padroes w3c .__.

    Mas de qualquer forma esse tuto serve pra div tambem

    Link to comment
    Share on other sites

  • Acho que seria mais fácil apenas usar algo assim

     

    HTML

    <footer id="footer">

    </footer>

     

    CSS

     

    #footer{

     

    float:bottom;

    width:100%;

    height:5%;

    }

     

     

    Eu uso mais ou menos esse estilo, ele sempre ficará no final da page, mas basicamente é esse o código que uso

    sei que essas tags são antigas e tal, mas sempre ajudam no desenvolvimento inicial do site, dps só trocar pra div

    Edited by HillGnur
    Link to comment
    Share on other sites

  • Acho que seria mais fácil apenas usar algo assim

     

    HTML

    <footer id="footer">

    </footer>

     

    CSS

     

    #footer{

     

    float:bottom;

    width:100%;

    height:5%;

    }

     

     

    Eu uso mais ou menos esse estilo, ele sempre ficará no final da page, mas basicamente é esse o código que uso

    sei que essas tags são antigas e tal, mas sempre ajudam no desenvolvimento inicial do site, dps só trocar pra div

    essas tags nao sao antigas, tem no html5, e esse footer ai fica sempre no final porem o resto do conteudo pode passar por cima dele (o que ta no topico tambem) existem outras formas mais sofisticadas, esse tutorial que fiz é muito antigo

    Link to comment
    Share on other sites

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Reply to this topic...

    ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

    Loading...
     Share

    • Recently Browsing   0 members

      • No registered users viewing this page.
    ×
    ×
    • Create New...