[Résolu] Décalage vertical au passage sur un lien sous IE

Bonjour,
j'ai déja eu ce problème plusieurs fois mais sans jamais
avoir pu en connaître la source : sous IE, quand je passe le curseur sur les
liens du menu d'accessibilité (aide..), la page remonte et passe
sur le logotype.
> La page
Modifié par Hermann (14 Mar 2007 - 11:33)

Bonjour,

Pas de problème chez moi, IE7 et 6 de décalage !!
XP IE6 stan

Ps : juste un petit problème de footer sous IE6

Très étrange.
Je ne peux actuellement fonctionner qu'avec IE tab (IE
n'affiche pas mes pages) en attendant que je trouve le temps
pour réinstaller windows...
Je n'ai pas le problème de footer à laquel tu fais référence!
Je me demande si ces multiple installation/désinstallation d'IE 7 et 6
ne l'ont pas un peu perturbé.

Re,

Je revérifirais avec un pc sous IE6 only pour te confirmer.

bonjour,


au passage sur le lien , IE fait une sorte de refresh de l'affichage de la page et fait une fusion des marges du premier lien avec l'element #header de façon des plus bizarres .

C'est bien un bug et les balises de liens en provoque quelques uns des qu'on s'attache a vouloir les dimensionnés ou modifiées leur comportement de base (plutot instables dans IE) ... de plus le position :relative , n'est pas la pour arranger les choses . La encore le comportement de IE a cet egard est souvent etonnant mais ne semble rien provoqué ici .

Une solution , pour ne pas voir cette etrange fusionnement de marge externe , est de passé le:

margin :21px auto 47px ; du lien en block et positionnement relatif ,

en margin:0 auto; + padding:21px 0 47px;

Je ne suis pas certains que les positionnement relatifs soit necessaires , il ne semble pas servir a deplacé ce lien visuellement , ni a apliqué un z-index , ni a servir de reference a un element disposé en absolue. peut-etre a remettre en avant plan , bien que le premier lien soit doté de layout avec le display:block + dimensions .

Enfin a mon avis , le bug "fusionne" les marges externes , alors en les passant en interne ça devrait rester stable.

++


<edit et hors sujet> on retrouve aussi dans opera des comportement du même genre en passant sur des liens (:hover) , d'ailleurs IE7 semble avoir herité d'etranges vieux bugs d'opera ... tiens tiens , etrange ... )
Modifié par gcyrillus (14 Mar 2007 - 00:23)

Aaaah merci Gcyrillus je ne pouvais espérer meilleur réponse!
Manifestement au passage du curseur sur les liens IE supprime la marge
basse (47px) du lien block.
En fait la position relative de ce lien me sert à décaler le logo de 6 pixel
vers la gauche pour mieux le centrer visuellement, tout en conservant le
centrage horizontal par les marges auto.
Merci pour tes explications!

HS : je n'oublie pas ta démonstration sur le centrage vertical