[Resolvido] Espaçamento entre divs

[Doebber 0]

Olá, estou com um problema em um layout que estou fazendo em php+css, não estou encontrando o problema, é o seguinte:

 

aqui uma print do layout circulei em preto + forte onde o espaçamento entre as divs aparece.

e aqui está o css.

body,* {
margin: 0px;
padding: 0px;
}
#topo {
border: 1px solid #000;	
margin: 0 auto;
width: 955px;
height: 115px;
}
#geral {
border: 1px solid #000;	
margin: 0 auto;
width: 955px;
height: 300px;
}
#esquerda {
border: 1px solid #000;
width: 200px;
height: 280px;
float: left;
margin: 10px 0px 0px 10px;
text-align: center;
}
#direita {
border: 1px solid #000;	
width: 720px;
height: 280px;
float: left;
margin: 10px 0px 0px 10px;
text-align: center;
}
#rodape {
border: 1px solid #000;
margin: 0px auto;
width: 955px;
height: 85px;
margin-bottom: 5px;
text-align: center;
}

tem com fazer negativando a margin tpw

margin: -10px;

e

top: -10px;

mas ai em algumas resoluções sobe demais e acaba entrando em outra div.

alguma dica do que está causando esse espaçamento automático??

[Henrique Barcelos 290]

Sugestão: crie um elemento que englobe todos os elementos, exemplo div#main.

Aí faça assim:

#main {
width: 955px;
margin: 0 auto;
}

 

Retire todos os margin: 0 auto; dos elementos restantes.

 

Além disso, essas declarações aqui são problemáticas:

#esquerda {
       margin: 10px 0px 0px 10px;
}
#direita {
       margin: 10px 0px 0px 10px;
}

Use padding no elemento #geral para controlar esse espaçamento.

[Doebber 0]

fiz como tu mencionou, mas só aumento o espaço no topo.

o resto ficou igual.

 

vlw