Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hoch

div principal...

Recommended Posts

Boa tarde...

 

Seguinte, eu tenho uma página que estou criando...

 

Segue o exemplo de como esta a estrutura...

 

body
 topo
 /topo
 main
   menu
   /menu
   conteúdo
   /conteúdo
   rodapé
   /rodapé
 /main
/body

 

oO bom, na imagem abaixo, temos a página, se vocês virem... existe uma borda laranja na div main, os elementos dentro dela estão com float left, menos o rodapé e o height da div main esta em auto...

 

camarax.png

 

Onde esta o problema?

Queria saber se existe alguma maneira de fazer com que a div main acompanhasse os outros elementos ou fazer com que esta borda fosse até o final da página ou pelo menos ir até o começo do rodapé...

Compartilhar este post


Link para o post
Compartilhar em outros sites

você colocou um clear: both; no rodapé ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta,

 

position: relative;
bottom: 0;

 

Ta, agora ele chegou até o rodapé...

 

Mas para o Rodapé ficar no final da página, não importando com o que tem na página, se tiver conteúdo ela vai até o final do conteúdo e se não tiver eu queria que ela fosse até o final também...

 

Tem como?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se eu entendi, você está dizendo que tipo, se o conteúdo for menor, o rodapé fica muito em baixo ao invés de ficar perto do conteúdo, certo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se eu entendi, você está dizendo que tipo, se o conteúdo for menor, o rodapé fica muito em baixo ao invés de ficar perto do conteúdo, certo?

 

 

isto :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se postar um link fica mais fácil pro pessoal ajudar :thumbsup:

 

Amanhã no trabalho eu subo ele ^^

 

Abraço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.