Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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:
Tá difícil isso... não to conseguindo resolver...Alguem me de uma luz por favor, =D
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>
Técnica "Faux Columns" para layouts CSS