Problema ao empilhar div´s com static.

[petter 0]

Pessoal tenho um site onde tenho um div com o conteudo (com altura variável) e outra div que deverá vir logo abaixo desta obedecendo o tamanho da div com o conteudo.

As div´s estão da seguinte forma na página:

<div id=principal></div><div id=rodape></div>

Ambas as div´s ficam no topo da página. Uma sobre a outra....

É muito estranho.

O código CSS é o seguinte:

#principal{	position:static;	top:0px;	/*left:50%;	margin-left:-387px;*/	left:0px;	background:#FFFFFF;	width:775px;	margin:1px;	height:auto;}#rodape{	position:static;	width:775;}#rodape table{	font-size:9px;}

Já tentei implementar várias dicas mas nenhum adiantou. Alguém pode dar uma força e dizer onde estou errando?

[Paulo de Tarso F. M. 24]

Não tem nenhum exemplo visual explicando o que você realmente quer fazer? Porque eu tentei analisar sua situação, mas não consegui perceber o que deseja realmente...

[Leonardo P 0]

se a div principal tem conteúdo variável talvez seja melhor usar position:relative...

[petter 0]

Bem para vcs visualizarem o que está ocorrendo (a div rodape no topo) é só acessar o link:

www.viamais.net

Realmente eu tentei vários helps e não consegui resolver nada ainda.

[Guilherme Rambo 4]

Recomendo que reavalie a necessidade de montar todo o seu layout com positions, não era melhor utilizar float, etc...?[]'s

[Paulo de Tarso F. M. 24]

Veja esse material, irá te ajudar bastante:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Layout fixo 3 colunas

Qualquer dúvida, volte a postar! Abraço!

[petter 0]

Pessoal valeu pela força e pelo link vou estuda-lo aqui.Vlw.