Pb de chargement du css externe

Bonjour,

Alors que ma feuille de style et ma page XHTML stricte sont validées par
W3C, que je n'ai aucune erreur JS, aucun pb d'affichage sous IE6, IE7, Firefox et Safari, j'ai un pb étrange de chevauchement qui survient une fois par jour, lors de la 1ère connexion sur IE6 et IE7. Si je reload la page, le pb disparait. En vidant mon cache, en refermant mon navigateur et mon ordinateur ou en me déconnectant d'internet, il m'est impossible de reproduire le pb. J'ai l'impression que lors de la 1ère connexion, la feuille de style ne se charge pas complétement et que pourtant la page s'affiche. Ce qui est le plus étrange est que le pb survient sur la 2ème page du site alors que la même feuille de style css a été chargée sur la home.
Le pb ne se produit jamais en local mais uniquement sur le serveur en ligne. Il m'est donc impossible de faire varier la date, vider le cache serveur et surtout tester et debbuguer le pb.

Je suis à court d'idée pour contourner le pb et surtout comprendre exactement ce qui peut bien se passer.

Si vous avez des pistes, elles seront les bienvenues !

Merci.

peut être que la page home est trop chargé

La page d'accueil et la 2ème page ne font pas plus de 100Ko, ce qui me parait pas trop lourd.

Citation:

---

Envoyé par donsev

La page d'accueil et la 2ème page ne font pas plus de 100Ko, ce qui me parait pas trop lourd.

---

oui pas lourd du tout

c'est peut être un problème de taille dans ce cas

essaye d'insérer "overflow: hidden" dans la partie ou tu as un problème de chevauchement.

Salut,

San rien affirmer, je pense que je chercherais du côté des positionnement des float...
Peut-être que le décalage entre l'arrivée du html et l'arrivée du css provoque une situation compliquée à gérer pour ton navigateur. (comme sur les sites très lents où tu peux voir le css s'appliquer au fur et à mesure et que tout bouge dans tous les sens).

Vu que tu ne rencontre cela que sous IE, je serais tenté aussi de regarder du côté de la propriété haslayout.
Cette propriété est propre à IE et tu ne peux pas la définir. Par contre le fait de définir certaines propriéés css peut jouer sur sa valeur.

Le plus simple, c'est de rajouter:

Code:

---

* { zoom:1;}

---

dans ta feuille de style.

Ainsi, tu peux être sûr que tous les éléments de ta page ont le fameux haslayout sans pour autant casser ta mise en page.

Si le problème vient bien de là, alors il faudra rechercher la règle de style qui pose problème et trouver un moyen plus propre de lui donner le layout.

Pour info: http://www.test.blog-and-blues.org/h...trad_temp.html

Merci pour vos précieuses réponses.
Il s'agissait en effet d'un pb de haslayout, le zoom:1 a été fort utile pour debbuger et isoler le pb.
Il manquait un height:100px dans le div global qui contenait les éléments posant pb.

À titre d'info pour réproduire le pb systématiquement, j'ai créé et testé à chaque fois avec un nouvel utilisateur Windows.

Ravie de savoir que ton problème a été résolu ;)

Bon courage