Fundo da DIV geral nao ta funcionando no FF

[Insert 0]

Pessoal to fazendo um lay com divs, e eu criei uma div chamada geral onde irei colocar dentro dela outras divs como topo, menu, conteudo e rodape.

 

O que ocorre é que no FF, ao contrario do IE, o fundo da div geral nao ta funcionando, ou seja, as outras divs ficam com a cor do fundo da pagina que defini do body.

 

Como posso resolver isso? Pois no IE funciona, tudo que ta dentro da div geral fica com o fundo da cor branco, que defini:

 

#geral {	background:#FFFFFF;	padding:0px;	margin:0px auto;	width:760px;	text-align:center;}

[Paulo de Tarso F. M. 24]

E o código das outras 2 divs? O problema pode estar lá... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

[Insert 0]

Desculpe, segue o css todo:

 

body {	background: #C7CCCF;	overflow: auto;	overflow-x: hidden;	margin:0px;}#geral {	background:#FFF;	padding:0px;	margin:0px auto;	width:760px;	text-align:center;}#topo {	padding:0px;	width:760px;	  margin:0px auto;}#menu {	width:192px;	  margin:0px auto;	text-align:center;	float:left;}#conteudo {	padding:0px;	width:568px;	height:400px;	  text-align:left;	  margin:0px auto;	float:right;}#rodape {	padding:0px;	width:760px;	height:37px;	background-image: url(../img/Rodape.jpg);	  margin:0px auto;	float:left;}

O que ocorre dai, é que se a div do conteudo for mais(altura) que o menu, abaixo do menu, a cor da coluna ficara na cor do fundo da pagina que defini la no body, ai pensei em arrumar isso colocando a cor no fundo da div geral, assim ficara tudo branco, independente do tamanho e etc...

[Paulo de Tarso F. M. 24]

você teria algum link para visualizar o problema meu caro? A princípio até imagino qual o real problema, mas preciso ter uma certeza antes de arriscar um palpite... Teria um meio de disponibilizar um exemplo on-line?

[Insert 0]

Consegui resolver da seguinte forma:

 

Coloqueio na div geral:

position:absolute;

 

Mas dai a pagina ficou alinhada a esquerda ai complementei com:

left:50%;

margin-left:-380px;

 

Onde -380px é a metada de largura da pagina ai centralizou novamente, nao sei se foi o certo, mas se tiver outra opnião.

 

Resultado final:

#geral {	background:#FFF;	left:50%;	margin-left:-380px;	width:760px;	text-align:center;	position:absolute;}

[Paulo de Tarso F. M. 24]

Mas nesse caso você "misturou" 2 situações!!! Já não entendi mais nada... http://forum.imasters.com.br/public/style_emoticons/default/dormindo.gif

 

Acreditava que o problema seria por causa da ausência de uma propriedade CSS (onde disse mais acima que suspeitaria dela e tals), mas agora você resolveu seu problema com centralização de div! Confuso, não?

 

Bom, mas se conseguiu resolver, fmz... Precisando, tamo aki!

 

Dica: Quando você tiver problemas, procure disponibilizar links para que possamos ver os problemas tb... Pq às vezes, só código, não dá mto certo... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif