5 replies to this topic

[MaRaCa]

Olá pessoal.

Estou montando a estrutura de um layout. Onde na parte central do conteúdo teria que fazer três colunas, sendo a esquerda e direita para background e a central para conteudo.

No IE consegui montar certinho, mas no Firefox, a coluna central fica em cima da coluna Esquerda.
Alguém sabe como posso resolver este problema?

Segue meu css

#esquerda {
width: 6px;
left: 0px;
position: absolute;
background-color:#676767;
background-image: url(imagens/blog/fundo_esq.jpg);
float: left;
}
#central {
width: 740px;
position: relative;
height: 300px;
background-color:#ffffff;
}
#direita {
width: 6px;
right: 0px;
position: absolute;
background-color:#676767;
background-image: url(imagens/blog/fundo_dir.jpg);
float: right;
}

[Andreia Regina]

Vc está montando mais ou menos assim?

<div id="geral">
<div id="esquerda">
  Conteúdo da coluna da esquerda
</div>

<div id="direita">
  Conteúdo da coluna da direita
</div>

<div id="conteudo">
  <p>Conteúdo</p>
</div>
</div>

troca o position: absolute; por relative das divs

[MaRaCa]

Estou montando desta forma sim.

Mas fiz o que você falou e acabou quebrando a estrutura no IE e no Firefox, continou a mesma coisa de antes.

=/

[Andreia Regina]

Acho que este tutorial pode te ajudar: tutorial Bruno Dulceti

[tiagof]

Olha cara.. eu começei a fazer um layout tableless para meu site, eu peguei ele e fui fazendo umas modificações (não me lembro onde)... se vc quiser dá uma olhada no código fonte...

[Estrutura com topo e 3 colunas]
http://www.tiagofaus...el...index.html

Edição feita por: tiagof, 29/05/2006, 00:05.

[MaRaCa]

Galera já consegui resolver!
Obrigado pela ajuda de todos!