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

Rodapé do Tableless

George

Perguntado por George,

 Share

Pergunta

George

George

Postado
Postado

Bem, novamente estou tentando deixar as tabelas de lado e fazer sites por tableless...e já estou levando paulada nas costas.

Enfim, o que eu queria fazer era uma DIV que servirá de rodapé na página. Gostaria que ela ficasse sempre no bottom da página, tendo ou não conteúdo em cima dela. E, é claro, quando tiver bastante conteúdo em cima dessa DIV, de modo que apareça barra de rolagem na tela, ela fique em baixo de tudo, colado no bottom. já tentei "bottom: 0px" usando diferentes atributos do position (relative, absolute, etc) e nada deu um bom resultado.

Alguém pode me ajudar por favor?

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
Toze

Toze

Postado
Postado (editado)

Primeiramente, parabens pela iniciativa, muitas pessoas não chegam tableless por conseguirem fazer o que querem com tabela, esse medo traz pessimos resultados de desempenho e manutenção.

bem cheguei +- no resultado que queria,

como temos variações de resolução então fica impossivel de colocar um min-height preciso logo, ou sempre haverá barra de rolagem, ou diminuindo o min height, voce terá alguns monitores um espaçamento não desejado, escolha o que melhor te agradar.

não sei se vou conseguir me expressar direito então vo postar um codigo:

<html>
<head>
<style>

body{
margin: 0px;
}

#conteudo{
width: 800px;
min-height: 100%;
background-color: #900;
margin: 0 auto;
}

#rodape{
text-align:center;
width: 100%;
background-color: #090;
}

</style>
</head>
<body>
<div id="conteudo">
conteudo
</div>
<div id="rodape">
rodape
</div>
</body>
</html>

entenda o código antes de usar, faz muita diferença

boa sorte com tabless, vale muito a pena, e depois que aprente fica bemmm mais facil que fazer com tabela.

espero ter ajudado

Editado por Toze
Link para o comentário
Compartilhar em outros sites
  • 0
George

George

Postado
  • Autor
Postado (editado)

obrigado pela ajuda! seguindo o artigo do tableless.com.br funcionou obrigado

Editado por George
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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...