Design com Divs

[acdelemos 0]

Bom dia pessoal sou novo por aqui.Bem eu gostaria de saber como eu faço para montar um layout todo baseado em divs. por exemplo:div.tabela {position:absolute;margin: 0px;padding: 0px;width: 100%;height: 100%;}dentro da div tabela mais duas divs (topo e conteudo) ambas alinhadas ao centro.div.topo {position:absolute;top: 10px;width: 760px;height: 130px;//como eu faço para esta div fique alinhada ao centro?}div.conteudo {position:absolute;top: 140px;width: 760px;height: 100%; //não funciona pega 100% mais os 140px do top...Não sei se me fiz entender é que antigamente fazia isso normalmente com tabelas e gostaria de partir para um website 100% tableless.Desde já agradeço.

[r e i n a l d o 0]

cara acessa ai o site do maujor no menu te um link chamado Layout CSS pra quem ta começando é uma boa pedida

 

http://www.maujor.com

[acdelemos 0]

Vou tentar ser mais claro.

 

Segue abaixo o meu css:

 

div.Tabela {

margin: 0px;

width: 100%;

height: 100%;

text-align: center;

}

 

div.Topo {

position:absolute;

top: 0px;

width:760px;

height:130px;

margin-left: -380px; /* Alinha a div ao centro */

}

 

div.Corpo {

position:absolute;

top:130px;

width:760px;

height: 100%; /* Aqui está o problema pois eu gostaria que descontando o Topo, Linha e o Rodape está div ocupase o total da área*/

margin-left: -380px; /* Alinha a div ao centro */

}

 

div.Linha {

position:absolute;

bottom: 1px;

width: 760px;

height: 1px;

background-color: Gray;

margin-left: -380px; /* Alinha a div ao centro */

}

 

div.Rodape {

position:absolute;

bottom: 0px;

width: 760px;

height: 16px;

background-color: Silver;

margin-left: -380px; /* Alinha a div ao centro */

}

[Giovani 104]

Nesse link tem ótimos artigos sobre posicionamento. LEIA!