divs

[pimenta 0]

Amigos, :P

Eu utilizo muito divs em meu site. Quando quero colocar dois divs lado a lado eu faço assim:

 

.01 {

height : 270px;

width : 300px;

}

.02 {

height : 200px;

}

 

<div class="01" style="float:left;">11111</div><div class="02">22222</div>

<divclass="03">33333</div>

 

Então, aparece assim na tela:

 

11111 22222

33333

 

No IE funciona perfeitamente mas no FireFox o primeiro div 11111 fica um pouco por cima do 33333 pois os divs não estão interferindo um no outro.

Eu gostaria de saber se tem como eu colocar alguma coisa no CSS para que os divs não ficassem um por cima do outro.

Por ex: Se eu colocar um espaço a mais no primeiro div o terceiro bularia um espaço, fazendo com que um não ficasse por cima do outro.

 

Obrigado http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[_ nEoN _ 0]

Primeiramente, algumas dicas.Class iniciadas com numeros não está correto.Inline styles no div não é necessário.Idente seu código..div01 {height : 270px; width : 300px; float:left;}.div02 {height : 200px; float: right;}br.cleaner { clear: both; }<div class="div01">11111</div><div class="div02">22222</div><!-- Limpando Float --><br class="cleaner" /><divclass="03">33333</div>

[pimenta 0]

Obriado pelas dicas nEoN http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Foram bem uteis, mas em relação ao espaço você não entendeu o que eu falei ou eu não soube me dizer direito :mellow:

 

Bem, imagine duas tabelas A e B... ai eu coloco um texto na tabela A. automaticamente a tabela B vai indo cada vez mais para baixo conforme vou acrescentando linhas na tabela A com o texto, certo?!

 

E isso que quero que os divs faça... quando o div A cresce o B vai para baixo... iqual as tabelas.

 

Lembrando que no IE ta ok no FireFox que os divs estão ficando em cima do outro quando um aumenta com o texto...

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Harket 0]

Estou exatamente com esse problema, pessoal.

 

Dêem uma olhada: http://jungleofbeliefs.blogspot.com/

 

No IE o blog fica perfeito, conforme vou postando as Divs vão se acertando, mas no Firefox não; a Div dos posts "atropela" o rodapé e até ela mesma se houver mais de um post.

 

O que posso fazer? Há alguma propriedade, código e afins para manter tudo certinho do FF?

 

Espero que possam me ajudar. Desde já agradeço imensamente. =)

[pa_bruno 0]

naum entendi... q rodape? naum vi rodape no site... tah trepando como? como você postou ae tah direitim aki no FF... bom, pelo menos parece neh... ;)

[Harket 0]

O problema do rodapé eu resolvi mas não tive tempo de avisar aqui no fórum, pa_bruno. Mas com ele surgiram mais dois problemas que me fizeram desanimar.Larguei de mão do blog para estudar mais sobre XHTML, CSS e afins e melhorar minhas habilidades. Espero, em breve, participar mais ativamente do fórum, não pedindo ajuda, mas ajudando a galera com suas dúvidas. ;) De qualquer forma agradeço a ajuda de vocês! \o/

[pa_bruno 0]

hm... podes crer... mas sem desistir hein pow... ;) num eh por causa d um probleminha q você vai desanimar... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[yogodoshi 0]

vô te falar que acho que esse tópico deveria ir pro fixo ou pros FAQS da vida de css hein ;)Vlw ae pela ajuda Neon!