Problème sur IE d'un menu en css

Bonjour à tous,

Je suis en train de débuter un site, et je bloque déjà sur le menu...

Mon site se trouve sur l'URL :
http://preprod.bontemps-textile.com/

Sur Firefox, je n'ai aucun problème! (normal)
Sur IE-7, ca à l'air d'aller...
Par contre sous IE-6, le comportement de survole prend une seconde à s'afficher et bug régulièrement. (sachant que en local le fichier .html marche très bien).

J'ai utilisé la source suivante (qui marche bien sur IE6) :
http://normandlamoureux.com/cours/css/#introduction

Si quelqu'un a une idée qui pourrait améliorer mon menu, je suis preneur!

Merci d'avance à vous.

Nzexplorer

Bonjour,
ce n'est pas sur IE que ton menu déconne mais sur tous les navigateurs
alternatifs (Firefox, Opera...). L'apparition légèrement différéé des états survolés
sous IE6 est peut-être due au fait que tu n'as pas collé l'état survolé
à l'état normal dans tes 2 images.

Bonjour,

En effet, il y avait également un autre petit décalage (que je viens de réparer).

Cependant, j'ai toujours des bug et des temps de survole très long sous IE-6.

Ma version de IE-6 est :
http://preprod.bontemps-textile.com/images/IE6.JPG


Clairement, voilà ce que j'ai sous IE-6, lorsque je survole les images :
http://preprod.bontemps-textile.com/images/menu.JPG


En plus, j'ai remarqué quelque chose d'encore plus bizarre!!!
Si, je mets exactement les même fichiers sur deux hébergement différents :
http://preprod.bontemps-textile.com/
http://nzexplorer.free.fr/preprod/

Je remarque que sous IE-6, le site passe bien sur l'hébergement FREE et il ne passe pas sous mon autre hébergement (ONE.com).

Je suis vraiment perdu...

Pensez-vous que c'est un problème de serveur??

Si besoin, voici le PHP INFO de mon hébergement :
http://preprod.bontemps-textile.com/info.php

Merci de votre aide.

Francois

Mais si tout tes éléments ne sont pas téléchargés c'est peut-être normal.

Les éléments se chargent bien une première fois et le menu apparaît correctement.

Ensuite quand je survole, les images se rechargent une nouvelle fois.


Pour info, le comportement de survole est effectué via la même image sur laquelle je vais chercher des coordonnées verticale plus basse :
http://preprod.bontemps-textile.com/...oin-gauche.png

Donc normalement les images ne devraient pas se recharger puisqu'elles sont déjà affichées!!!

De plus, je remarque que cela doit être spécifique à ma version de IE-6, car j'ai eu l'occasion de tester sur un IE-6 SP2 qui marchait normalement.

Peut-être y-a-t-il un problème sur IE-6 qui ne devrait pas être sur SP3?

Bref, je cherche toujours...

Citation:

---

Envoyé par nzexplorer

Pour info, le comportement de survole est effectué via la même image sur laquelle je vais chercher des coordonnées verticale plus basse :
http://preprod.bontemps-textile.com/...oin-gauche.png

Donc normalement les images ne devraient pas se recharger puisqu'elles sont déjà affichées!!!

---

Je sais je sais mais tu n'as pas dû bien me comprendre quand je disais:

Citation:

---

L'apparition légèrement différéé des états survolés
sous IE6 est peut-être due au fait que tu n'as pas collé l'état survolé
à l'état normal dans tes 2 images.

---

Quand je parle des 2 images ce sont les 2 images de background comprenant les 2 états (normal et survolé) mais je te garanti rien! ;)

Citation:

---

Envoyé par nzexplorer

De plus, je remarque que cela doit être spécifique à ma version de IE-6, car j'ai eu l'occasion de tester sur un IE-6 SP2 qui marchait normalement.
Peut-être y-a-t-il un problème sur IE-6 qui ne devrait pas être sur SP3?

---

C'est vrai qu'en principe, le navigateurs attaché au système sur SP3 est IE7 (c'est ma config), ceci dit j'ai une IE6 standalone (autonome) qui est censée reproduire l'affichage d'IE6.
Je croyais qiue la mise à jour vers la SP3 impliquait le passage à IE7.

Salut,
peut être est ce aussi lié au paramétrage de IE :
Outils/Options Internet/Général/Fichiers temporaires/Paramètres -> est ce que l'option "Verifier s'il existe une version plus récente...." est sur "A chaque visite de la page" ?

J'ai trouvé pas mal de conseils ici

Merci pour vos bonnes idées.

Après pas mal d'heure de réflexion, je commence à m'orienter sérieusement vers un problème de serveur.

En effet chez mon hébergeur, les répertoires créer automatiquement des sous-domaines...
En gros, quand je poste le fichier sur :
http://www.bontemps-textile.com/preprod/index.html

Je peux indifféremment le lire sur les adresses :
http://www.bontemps-textile.com/preprod/index.html
et
http://preprod.bontemps-textile.com/index.html

Je ne sais pas si c'est une config courante chez les hébergeurs, mais ca à l'air de poser problème.

En effet, je viens de remarquer que en lisant le fichier sur l'URL:
http://www.bontemps-textile.com/preprod/index.html
Il n'y avait aucun problème...

Alors que sur l'URL :
http://preprod.bontemps-textile.com/index.html
L'affichage bug énormément!!!


J'ai fait une vidéo (un peu lourde) pour vous montrez le décalage que j'ai entre la lecture de ce même fichier via un répertoire ou via un sous-domaine:
http://preprod.bontemps-textile.com/Bontemps.avi

Je pense vraiment que ca doit venir de l'hébergement !!

Je vais les contacter voir si ils peuvent me renseigner...

En attendant, si vous pensez à une autre solution, je suis toujours preneur!

Merci à vous :D

Citation:

---

Envoyé par nzexplorer

En attendant, si vous pensez à une autre solution, je suis toujours preneur!

---

Il me semble que IE6 peine dans certains cas lorsque tu as une action sur le hover avec une imbrication d'élément à l'intérieur du a. Dans ton cas, tu agis sur un span à l'intérieur pour ton effet de fond. Dans la mesure du possible il est préférable pour IE6 que le span interne ait exactement les dimensions de ton lien.

Tu devrais donc inverser l'attribution de tes deux fonds et passer le padding-left du a sur le span:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

#en-tete a { float:left; text-decoration:none; letter-spacing:1px; margin-left:50px; background:url(images/coin-droit.png) 100% 0px no-repeat;   } /* espace entre le coin droit et le texte */ #en-tete span { float:left; padding:6px 20px 3px 20px; color:#fff; background:url(images/coin-gauche.png) 0 0px no-repeat; } /* espace entre le coin droit et le texte */ #en-tete a:hover,#en-tete a:focus { background-position:100% -50px; } #en-tete a:hover span,#en-tete a:focus span { background-position:0 -50px; }

---

Cela pourrait peut-être avoir un effet bénéfique sur ton problème.

Bonjour à tous.

Ca y est, j'ai ma solution !!!

Alors, j'avais en fait deux problèmes.

Le premier était un problème lié purement à IE-6 qui ne prend pas en charge l'attribut "bottom" seul, il faut obligatoirement mettre "left bottom".

Code css :

Code:

---

1 2	background:url(../images/fond.png) bottom repeat-x}

---

Il faut mettre à la place

Code:

---

1 2 3

background:url(../images/fond.png) no-repeat; background-position:left bottom;

---

Sinon, pour le problème de survole qui rechargeait à chaque fois les images. J'ai compris que le problème venait à la fois de l'hébergeur et de IE-6.

En fait, mon hébergeur créé des sous-domaines un effectuant une réécriture des l'urls contenant des répertoires.

Donc clairement sur mon hébergement ONE.com ; le fait de créer l'URL :
Http://www.site.com/dossier/
créé automatiquement l'URL :
Http://dossier.site.com/

En gros, le problème vient du fait que mon code utilise des chemins "relatifs" pour accéder aux images.

Donc IE-6 appelle l'image sur l'URL : Http://preprod.bontemps-textile.com/...coin-droit.png

Et la réécriture, lui envoi l'URL : Http://www.bontemps-textile.com/prep...coin-droit.png

Le problème semble résider dans le fait que IE-6 retient le chemin "absolu" que la réécriture lui renvoie. Du coup, à chaque survole IE-6 essai de recharger Http://preprod.bontemps-textile.com/...coin-droit.png qui reboucle ensuite la réécriture...

Donc pour régler le problème, j'ai mis les images du css en chemin "absolu" !

Et voilà :yaisse2:

Merci à tous de votre aide !