Ir para conteúdo
Fórum Script Brasil
  • 0

Rodapé no CSS


KervinRox

Pergunta

8 respostass a esta questão

Posts Recomendados

  • 0

Estou com problemas para deixar o rodapé no rodapé da página. Já ví varios tutoriais, mas não consigo.

Eu coloco 4 divs.

<div id="all">
  <div id="top"></div>
  <div id="mid"></div>
  <div id="bot"></div>
</div>
E o css: Indico ao navegador que a altura do site é sempre 100%
* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    }

* html #all {
    height: 100%;
    }

#all{
    position: relative;
    min-height: 100%;
}
#top{
    height: 160px;
}
#mid{
    padding-bottom: 50px;
}
#bot{
    position: absolute;
    bottom: 0;
}

Acho que o problema é que o #mid não acompanha o conteúdo na altura. O conteúdo sempre ultrapassa a altura do #mid.

E o #bot fica por cima do #mid.

Editado por KervinRox
Link para o comentário
Compartilhar em outros sites

  • 0

Cara, não é por nada não mais dessa forma fica ruim tu consiguir algo.

É bem melhor você utilizar float do que position. Vejamos, quatro divs:

<div id="all">
  <div id="top"></div>
  <div id="mid"></div>
  <div id="bot"></div>
</div>
O css ficaria assim:
#all {
position: absolute;
top: 0px; left: 50%; margin-left: -480px;
width: 960px; min-height: 100%;
}

#top  {float: left; width: 960px; height: 200px;}
#mid {float: left; width: 960px;}
#bot  {float: left; width: 960px; height: 200px;}

Já ficará organizado, topo no topo, meio no meio, e rodapé no rodapé.

Se quiser saber mais sobre position, clique aqui, e se quiser saber mais sobre float, clique aqui.

Qualquer dúvida poste!

Abraços

Matheus Matos

Link para o comentário
Compartilhar em outros sites

  • 0

Tópico duplicado. http://scriptbrasil.com.br/forum/index.php...=152595&hl=

Segundo as regras isso não é contra as regras!!!

E aí o que faz? Algum administrador, monitor ou moderador poderia dizer? Ou esse ato que estou tendo de avisar está errado? Alguém pode esclarecer por favor? Grato. :D

Abraços

Matheus Matos

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...