IE e Firefox

[AlunO 0]

Fiz esse informativo pra ser usado em um site.

 

Quando abro ele no IE, funciona normalmente, cada div fica no seu devido lugar

 

mas quando abro ele no Firefox algumas div saem do lugar, deixando o layout todo bagunçado...

 

Alguem pode me ajudar????

 

link do site

 

SITE

[pa_bruno 0]

olha rapaz... a semantica está muito incorreta... ali onde tem as setas onde tem o cara apontando, você tem q fazer com listas e com as setas com background... e naum com imagens e texto do lado com <br /> no final... ;) ou tra coisa, nesse mesmo div (q eh o q está dando problema), você poderia fazer um <div somente com a figura do cara como background... e com o conteudo pra esquerda...e sempre lembrar dos box models... se você coloca um width d 300px borda d 5px e mais padding d 10px, você terá um total d 330px -> 300(tamanho) + 10 (bordas esquerda e direita) + 20 (paddings esquerda e direita) = 330 entendeu??? foi soh um exemplo, no seu caso podem ser otros valores... mas você tem q levar em contat isso... soh o i.e. q naum age desta forma, por isso q funciona nele... e nos otros aparecem errado... ae você utiliza hacks pra esses browsers beleza??? falow ae...do jeito q você fez, tah exatamente como tabelas, mas soh q com divs... ae naum adianta... ;)

[AlunO 0]

pa_bruno valeu pela resposta,como você escreveu: do jeito q você fez, tah exatamente como tabelas, mas soh q com divs... ae naum adianta... to aqui pra aprender e to começando agora com tableless.beleza

[pa_bruno 0]

tranquilo... eh soh fazer ae como eu falei q vai sair o mermo resultado e bem mais limpo e rapido.. ;) qq duvida postae... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif