[Contourné] Scrollbar + position relative + IE => position absolue

Bonsoir tout le monde -ou bonsoir selon l'endroit où vous vous trouvez...-

Je reviens avec un problème assez embêtant, sous IE bien sûr :
J'ai une puce qui adopte une position absolu alors que sa position est relative.

En clair, lorsque je scroll mon texte, tout bouge, ...sauf ma puce.
Et je ne vous le cache pas, ça fait un peu tâche !!!

La proposition qui m'a été faite était de passer IE en mode quick, et cela marche en effet, mais par contre, ça me fait un peu bugger le reste de ma page.

Donc j'aimerais savoir si quelqu'un entrevoit une possibilité, ou si je bidouille mon code pour ce ... ... de navigateur de ...

Voilà !

Merci...
Modifié par Cygnus (15 Jan 2006 - 23:06)

Sans expliquer encore pourquoi ce code fonctionne dans IE:
J'ai supprimé la position:relative et emplacé du coup top: -2.35em;
par margin-top: -2.35em;

 #texte .retour img{   /* morceau de code faisant référence à la puce en question <<<<================ */
 float: right;
 border: none;
 padding: 0 1em 0 0.5em;
 margin-top: -2.35em;
 text-decoration: none;
 }

Modifié par Hermann (12 Jan 2006 - 19:46)

Merci pour ta réponse Hermann,

Malheureusement, comme tu peux le constater, lorsque l'on supprime la position relative et que l'on remplace le top par un margin-top la puce passe en dessous du titre auquel elle est rattachée.

Illsutration :

Bizare moi ça marche très bien!
Ceci dit je crois avoir déjà eu un problème similaire avec une img et une marge négative inactive si on n'appliquait pas à celle-ci une position relative.

Encore une énigme!

mon code

 #texte .retour img{   /* morceau de code faisant référence à la puce en question <<<<================ */
 float: right;
 border: none;
 padding: 0 1em 0 0.5em;
 margin-top: -2.35em;
 text-decoration: none;
 position:relative;
 }

Sinon tu as une autre solution: mets

#texte {
 position:relative;...

Si tu as des infos sur ton probleme, ecris moi sur le mail de mon profil pour m'en faire part.
Modifié par Hermann (12 Jan 2006 - 21:25)

C'est cool, merci de t'acharner !

Concernant la 1ère solution :

 #texte .retour img{   
 float: right;
 border: none;
 padding: 0 1em 0 0.5em;
 margin-top: -2.35em;
 text-decoration: none;
 position:relative;
 }

Cela ne règle malheureusement pas le problème : ma puce reste en position absolue sous IE.

Concernant la 2nd solution :

#texte {
 position:relative;...

Ma puce repasse en-dessous de mon titre, et ce, dans tous les navigateurs...

Hermann a écrit :
Bizare moi ça marche très bien!

Est-ce que cela marche quelqu'un d'autre...
Serait-ce mon ordi qu'il faut benner

Hermann a écrit :
Si tu as des infos sur ton probleme, ecris moi sur le mail de mon profil pour m'en faire part.

je n'y manquerais pas !!!

Désole j'ai fais une erreur :
Eneleve la position relative a ton img.
Je ne vois pas pourquoi ça fonctionne pas chez toi.

Bon courage et Bonne année
Modifié par Hermann (12 Jan 2006 - 21:56)

... ...

non, décidement, avec ou sans la postion relative, il considère ma puce en position absolue !

je vais finir par l'enlever carrément si ça continue !!!
et la remplacer par du texte sous IE...

ah là là....
à quand les standards respectés ?

Edit : Voilà qui est fait : sous IE, l'image est remplacée par du texte ... et tout fonctionne !!!
Modifié par Cygnus (15 Jan 2006 - 23:06)