overflow:hidden no IE8 e 10

[dnielrodrigues 1]

Prezados,

 

Tenho uma questão aqui desesperadora. Pela primeira vez vi uma estilização css funcionar perfeitamente no IE7, mas não funcionar no IE8 e no IE10 (sim, no IE10, pra quem achava que ele estava melhor, ele continua fazendo das suas...).

 

O problema está num simples overflow:hidden, necessário para fazer um slider (mostrar apenas os elementos limitados ao espaço do conteiner, os demais aparecem conforme o jQuery controla a posição dos elementos filhos).

 

A principio ele não pegava no elemento section, que esta renderizando no IE7 com uso do modernizr, mas no IE8 simplesmente ele desconsidera o overflow:hidden e mostra tudo, causando uma quebra gigantesca. Tinha tentado trocar para o shiv, shim, etc... mas não resolveu.

 

Aí tentei fazer uma coisa que nem sempre é necessária com html5: divs. Achei que o problema era no section... não funcionou

Aí resolvi apelar e usar aquela antiga técnica de div.overview dentro de uma div.viewport pra tentar forçar o funcionamento da coisa... não funcionou

 

Realmente muito extranho isso. E antes que alguém pergunte:

- não implementei o jQuery ainda (kero deixar o css redondo primeiro).

- não posso usar plugin (e evito isso) porque o html neste caso deste slider é diferenciado dos formatos de plugin padrão.

 

Segue a página (temporária) abaixo, que no modelo original não tinham aquelas duas div's. Mas se alguém puder ajudar muitíssimo obrigado:

http://www3.opovo.com.br/conectado/

[caio0220 1]

Eu olhei aqui no IE8 e está ok cara, e vi o css também me parece tudo certo. Tenta ver em outro Pc

[EduardoAugustoPHP 27]

Pode parecer uma pergunta imbecil mas vc já reparou se o botão de compatibilidade do IE está ativo?

Esse negócio sempre me tira do sério cara...as vezes esqueço ele ligado.

 

A JQuery te ajudaria MUITO com esses problemas de compatiblidade.

 

Abraço e boa sorte ae.