Erro no backgroud geral e do conteúdo

[Xogum 0]

Bom... alguem tem alguma ideia porque que a sombra lateral nao continua no firefox e no ie continua? E porque a imagem de fundo do <div id="geral"> nao aparece....

 

quando eu coloco um texto a imagem do <div id="geral"> aparece normalmente... mas quando eu coloco os dois divs dentro do div geral a imagem de fundo some... e a sombra lateral no ff nao segue...

 

http://www.floripagel.ots-x.com/tomasihost/

 

 

Desde já,

Obrigado pela sua atenção.

[Giovani 104]

Técnica "Faux Columns" para layouts CSS

[Xogum 0]

gio!, eu acho que essa tecnica nao pode me ajudar...

 

da uma olhada como fica soh com textos... como seria o certo:

 

http://www.floripagel.ots-x.com/tomasihost/index2.html

 

mas quando eu tiro isso e coloco as divs fica assim:

 

http://www.floripagel.ots-x.com/tomasihost/

[Xogum 0]

Tá difícil isso... não to conseguindo resolver...Alguem me de uma luz por favor, =D

[tygo 0]

Os elementos de ids "cliente" e "conteudo" estão fora do fluxo normal do documento pois estão flutuando ( receberam float + width ) e por estarem fora do fluxo normal as suas dimensões não afetam o elemento de position static, de id "geral", que os contém.

 

Se você colocar um elemento de bloco* abaixo dos elementos de ids "cliente" e "conteudo" e não permitir que nenhum elemento flute à sua volta esses mesmo elementos de ids "cliente" e "conteudo" empurram este elemento de bloco para baixo do conteúdo deles e assim temos altura ( "temos layout" ) para o elemento de id "geral" e a tua imagem de background aparece.

 

*ou setar "display:block" para um elemento de linha.

 

No css acrescentei a regra:

 

#footer{clear:both;}

 

No html acrescentei um div de id 'footer':

 

<div id="geral">					<div id="cliente">aaaa</div>				<div id="conteudo">bbbb</div>				<div id="footer">rodapé talvez??</div>				</div>