incompatibilidade de browser com jQuery

[fabricio2009 0]

Estou desenvolvendo um banner em jQuery, só que quando testei em outros navegadores apresentou problemas.

 

no firefox funciona normal, só que quando abre no IE 6 7 8, replica um pedaço da imagem e some um pedaço, e no chrome some os botoes next e prev que ficam sobre a img.

 

segue o link com o banner:

 

http://www.matheusmacedo.com.br/jquery/

 

alguem poderia me ajudar com esse problema de incompatibilidade?

[William Bruno 1501]

seu problema é css amigo.

 

valide o HTML e o CSS no w3c.

[fabricio2009 0]

primeiramente obrigado pela resposta imediata, só que fiz a validação no wc3 e mesmo assim continua os problemas.

 

no Firefox agora carrega o banner, só que os botões next e prev carrega só depois q da um F5.

[William Bruno 1501]

ainda existem erros:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.matheusmacedo.com.br%2Fjquery%2F

 

você não pode ter uma DIV dentro de um A.

 

Deixe o z-index das setas maior.. pois 4 o slideshow ainda usa para ele mesmo.

[fabricio2009 0]

certo eu retirei e validou sem erro, só que eu preciso que tenha um link na img. Se eu retirar o link não funciona os botoes. Quanto o problema do IE ainda permanece mesmo com o z-indez 10, teria uma sugestão ?

[William Bruno 1501]

Okay, retire os margins dos botões(setas), e posicione com absolute + top, left

 

entendeu ?

 

defina tb um z-index para o UL

 

e então aplique um display: block; no A.

Na verdade, você nem precisa dele.. apenas a tag <img /> já resolve, bastaria dar o ID para ela.

[fabricio2009 0]

amigo eu já fiz tudo q está escrito pra fazer aqui no forum do imaster.

 

 

POREM, ainda da erro de compatibilidade com o IE 8 e IE 7.

No IE 8 -> a imagem de fundo (fundo roxo) fica embaixo das bolinhas..

No IE 7 -> NAO FUNCIONA.. (as imagens que estao no UL nao fazem a transiçao.. simplesmente aparecem na tela todas.. uma embaixo da outra).

No firefox -> OK

No Chrome -> OK

 

www.matheusmacedo.com.br/jquery