Incompatibilidade nos Browsers gerada pelo "clear:both".

[marcusvca 0]

Bom dia, galera!

Tudo bem?

 

Tô com um problema:

Visualizem esse link no FF e no IE:

http://www.agenciatk.com.br/centraldoseventos/noticias.html

 

Ps.:

Os CSS's da página são esses:

http://www.agenciatk.com.br/centraldoseventos/css.css

http://www.agenciatk.com.br/centraldoseventos/noticias.css

 

 

A questão é:

O problema que está dando na renderização do IE acaba quando eu tiro o parâmetro "clear:both;" da ID "#cont_texto".

Acontece que quando eu tiro o CLEAR, o conteúdo da div desalinha no FF.

 

Acho incorreto tirar o CLEAR e posicionar tudo na mão, pois pra isso existe o parâmetro, mas todavia, se for necessário, vamos fazer assim.

 

 

Só que eu não tive muito sucesso tentando posicionar na mão (margin, ou top e left, ou padding).

 

 

 

 

Alguém aí pode me ajudar?

Valeu demais, galera!

 

Abração!

[pedradegelo 3]

olá colegabom, o clear:both é necessário para corrigir marcações posteriores a outras, eu adoro usar depois daqueles 3 divs, tipo menu, meio, e lado direito que flutuam, uma linha <br sytle="clear:both" />um fator importante que notei na sua marcação é falta do atributo width, como no div cont_texto. Isso é sempre imprescindivel no posicionamento correto do seu layout, até mesmo em parágrafos....outra dica é para não usar hacks...sempre há uma forma de fazer a marcação...pelo menos uma que é a correta.rsrsrsrsfalou espero ter ajudado...um grande abraço.

[marcusvca 0]

Nossa, cara!Valeu demais!Pode ser mesmo o Width.Vou testar assim que voltar ao trampo.Mas quando você disse sobre hacks, quer dizer no parâmetro de altura (height:auto !important; height:180px), ou no que eu disse sobre fazer o posicionamento na mão?Sobre fazer na mão o posicionamento, também sou contra.Se existe o CLEAR, acho que ele deve ser utilizado pra corrigir o posicionamento de div's após outro div float.Porém se for sobre o destacado, isso foi um "hack" que usei pra definir um tamanho mínimo para o div, uma vez que o IE ainda não renderiza corretamente o parâmetro MIN-HEIGHT.Mas muito obrigado mesmo pela ajuda!

[marcusvca 0]

Só confirmando....Cara, muito obrigado pela dica do WIDTH.Realmente eu havia me esquecido de declarar WIDTH para alguns componentes da página, e declarando, deu certo!Valeu mesmo!Abraços!