28120 sujets

CSS et mise en forme, CSS3

[Résolu] Décalage lors d'un survol de lien QUE sur IE7 !

Bonjour à tous,

Je suis en train de faire une nouvelle mise en page sur mon site et j'ai un problème qui me laisse vraiment perplexe : sur IE7 (et que sur IE7), lorsque je survole n'importe quel lien de la page, ma colonne de gauche se décale vers la gauche, j'ai l'impression qu'elle perd son margin-left !

J'ai vérifié si je n'avais pas laissé trainer une balise en trop, ou oublier d'en fermer une (quelqu'un sur ce forum avait le même genre de problème, c'était un <a> mal fermé), mon code est bien valide XHTML 1.0 (mis à part deux petites erreurs pas trop grave pour le moment), et je ne pense pas être passé à côté d'un bug connu...

Voici le site (hébergé sur mon PC, possible que ce soit un peu lent) :

http://tms0.homelinux.org
http://tms0.homelinux.org/style/style.css
http://tms0.homelinux.org/style/hackie.css

Si quelqu'un à le courage d'y jeter un œil... Merci d'avance !
Modifié par TheMonkeySan (17 Nov 2007 - 13:04)
J'ai jeté un oeil, et je ne suis pas sûr que c'est ça, mais lorsque on fait
x:hover {
border-bottom:....
}
IE provoque un petit décalage vers le bas, dû au calcul des marges différent je crois... le truc que j'ai utilisé c'est de dimensionner en hauteur le <li> qui contient le <a>, ainsi il ne décale pas le reste...
Maintenant, je sais pas comment ça se répercuterait sur ta colonne...
TheMonkeySan a écrit :
Je viens de les enlever mais je n'ai pas de PC avec IE7 à disposition... Si quelqu'un peut me dire ce que ça donne...

Salut,

le rendu est le même sur FF, IE7 et IE6 Smiley cligne
Cool, on a au moins trouvé la source du problème, merci BlindeKinder ^^

Maintenant, faut le résoudre... Je viens d'essayer en mettant un border-bottom même quand le lien n'est pas survolé, et même problème ! Ca ne vient donc pas du décalage à cause de l'ajout de 1px de la bordure...

Décalage qui ressemble à un "Oups, j'ai oublié que j'avais un margin-left", je l'ai donc remplacé par un padding-left (sait-on jamais) et... Ca marche !

Alors là, j'y comprends rien... Je crois que j'ai découvert un nouveau bug d'IE7 mais j'ai aucune idée de ce qui provoque ce bug...

PS : la version bêta de IEs4Linux à un début de support de IE7, c'est comme ça que j'ai pu tester, youpi !
Modifié par TheMonkeySan (16 Nov 2007 - 23:48)
Sujet clos
Aller à