Version complète: sur le forum Webmaster Hub : [CSS] Bug bizarre sous IE mais pas FF
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
totofweb
Bonjour
Voici la page problématique : www.totofweb.net (la page d'accueil)

Je conçois mon site sous linux et firefox. Je l'ai testé avec FF 1.5, Mozilla 1.7 et Konqueror et tout fonctionne bien. Mais j'ai récemment été voir sous IE et il y a un bug d'affichage : lorsque l'on survole les liens de la colonne centrale, ça dérègle tout d'une manière assez bizarre. Le CSS est valide, le XHTML aussi (si on fait abstraction des erreurs dûes au rajout automatique du numéro de session, ce qui ne dépend pas de moi). Il n'y a rien de spécial dans le CSS qui justifie ça, notament on pourrait croire que ça vient d'un a:hover, mais il ne contient que
CITATION(http://www.totofweb.net/css/drifting_screen.css)
a:hover {
text-decoration:none;
background-color: #EEEEEE;
}


Alors où est l'erreur ? Ou plutôt : comment faire pour que ça s'affiche bien aussi sous IE ?

Merci
Totofweb
Chark
Je pense que tu devrais creuser un peu du coté de :
CODE
<link rel="stylesheet" type="text/css" href="css/drifting_screen.css" media="screen, tv, projection" />
<link rel="stylesheet" type="text/css" href="css/drifting_print.css" media="print" />


Le fait de lier 2 styles CSS qui viennent reprendre les mêmes termes ( par exemple "body" qui est du coup cité 2 fois, "maincontent" etc, doit avoir une très mauvaise influence sous IE qui est beaucoup moins permissif que FF avec le CSS
Toutes tes classes sont répétés 2 fois !
enleve un des 2 styles déjà et regarde le résultat
ajpg
Bonsoir,

Le problème est bien expliqué dans cet article : http://www.positioniseverything.net/explor...ercentages.html

Le plus simple serait de ne pas appliquer cette couleur de fond sur a:hover, du moins pour Internet Explorer (en utilisant par exemple un sélecteur qu'il ne comprend pas)
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.