Problemas de espaço entre Div

[Vectorman 0]

Olá pessoal do Fórum!

De alguns anos para cá venho percebendo o quanto é fascinante e agradável os trabalhos de web realizados com css por vários designers ao redor do mundo, ou seja, as possibilidades de um acabamento mais cuidadoso em detalhes e a perfeita integração com os navegadores atuais.

 

Deixo claro que sou leigo no assunto e a tolerância de vocês será fundamental para meu aprendizado.

 

Comecei por iniciativa própria estudar css e como ponto de partida tive o site do Maujor.

Bom, como para todo leigo no assunto, quase fiquei doido quando vi a dimensão do quê é o css.

 

 

1 - Gostaria de saber se esta é a forma correta de se empilhar os divs http://www.intuitiva.ppg.br/estudo/

2 - Como faço para tirar estes espaços em branco que ficam entre os divs quando dou enter no Dreamweaver??

 

 

Código inicial

 

@charset "utf-8";

/* CSS Document */

 

#total {

width:1000px;

height:auto;

background-color:#000066;

text-align:left;

margin-left:auto;

margin-right:auto;

position:relative;

}

 

#conteudo{

width:960px;

height:auto;

background-color:#FFFFFF;

text-align:left;

margin-left:auto;

margin-right:auto;

margin-bottom:0px;

margin-top:0px;

display: block;

position:relative;

}

 

#topo{

width:960px;

height:140px;

background-color:#FFFFFF;

text-align:left;

margin-left:auto;

margin-right:auto;

display:block;

position:relative;

}

 

#logo{

width:960px;

height:80px;

background-color:#FFFFFF;

text-align:left;

margin-left:auto;

margin-right:auto;

display:block;

position:relative;

}

 

#menu{

width:960px;

height:50px;

background-color:#FFFFFF;

text-align:left;

margin-left:auto;

margin-right:auto;

position:relative;

}

 

#rodape{

width:960px;

height:300px;

background-color:#FFFFFF;

text-align:left;

margin-left:auto;

margin-right:auto;

display:block;

position:relative;

}

 

 

 

Para darmos início aos estudos deixarei estas duas dúvidas que me tiram o sono.

 

Mais para frente irei postar novas dúvidas.

 

 

Agradeço a todos e aguardo retorno

[wdc_black_ 0]

olá amigo, primeiro, sempre coloque seus códigos dentro da tag 'code' para facilitar.

 

assim, realmente n existe um espaçamento entre divs por padrao, mas tente colocar seu código css assim.

 

@charset "utf-8";
/* CSS Document */

body,* { margin: 0; padding: 0; }

#total {
width:1000px;
background-color:#000066;
text-align:left;
margin: 0;
position:relative;
}

#conteudo{
width:960px;
background-color:#FFFFFF;
text-align:left;
margin: 0 auto;
display: block;
position:relative;
}

#topo{
width:960px;
height:140px;
background-color:#FFFFFF;
text-align:left;
margin: 0 auto;
display:block;
position:relative;
}

#logo{
width:960px;
height:80px;
background-color:#FFFFFF;
text-align:left;
margin: 0 auto;
display:block;
position:relative;
}

#menu{
width:960px;
height:50px;
background-color:#FFFFFF;
text-align:left;
margin: 0 auto;
position:relative;
}

#rodape{
width:960px;
height:300px;
background-color:#FFFFFF;
text-align:left;
margin: 0 auto;
display:block;
position:relative;
}

 

testa o código, se continuar o erro, volte aqui e poste o html junto, mas quase certo que isso resolve ;)

abraço