1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Footer (:

Discussão em 'Web Development' iniciada por sneaD, 28 de Setembro de 2008. (Respostas: 4; Visualizações: 643)

  1. sneaD

    sneaD Power Member

    Sou fraquinho nisto , tudo o que aprendi foi pela net , abrir PS , ler , tentar , mexer (x
    E agora estou com uma dúvida na criação de uma página X:

    Como coloco o "footer" no fundo da página ? De modo a que quando mais texto estiver na pagina , o proprio "footer" desça com ela ?
    Espero que tenham entendido xD
    O que realmente quero é que o "footer" fique SEMPRE lá em baixo . Não quero adicionar texto e depois esse texto passar pelo "footer" e quando abro no browser esse raio do "footer" esteja no meio da página xD

    Qualquer dúvida na compreensão , avisem .
    Obrigado desde já ;D

    Abraços
     
  2. codigo??
    html?php? ....
     
  3. sneaD

    sneaD Power Member


    html .
    esqueci-me de mencionar isso no título , as minhas profundas e sinceras desculpas (:
     
  4. C0C45

    C0C45 Power Member

    Não sei como tens o site construído mas vou-te deixar o código de um site com essas características:

    CSS:

    Código:
    * { padding: 0; margin: 0; }
    
    body {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
    }
    #wrapper { 
     margin: 0 auto;
     width: 922px;
    }
    #header {
     width: 900px;
     color: #333;
     padding: 10px;
     border: 1px solid #ccc;
     height: 100px;
     margin: 10px 0px 0px 0px;
     background: #BD9C8C;
    }
    #content { 
     width: 900px;
     color: #333;
     border: 1px solid #ccc;
     background: #F2F2E6;
     margin: 0px 0px 0px 0px;
     padding: 10px;
     height: 350px;
    }
    #footer { 
     width: 900px;
     color: #333;
     border: 1px solid #ccc;
     background: #BD9C8C;
     margin: 0px 0px 10px 0px;
     padding: 10px;
    }
    
    Html

    Código:
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Teste</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
    </head>
    
    <body>
       <div id="wrapper">
    
             <div id="header">
             </div>
          
             <div id="content"     
             </div>
                    
             <div id="footer">
             </div>
             
       </div>
       
    </body>
    </html>
    
    
     
  5. sneaD

    sneaD Power Member

    Obrigado , consegui fazer qualquer coisa ;D

    Abraços
     

Partilhar esta Página