IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Pb de chargement du css externe


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Inscrit en
    Septembre 2006
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Septembre 2006
    Messages : 5
    Par défaut 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.

  2. #2
    Membre éclairé
    Étudiant
    Inscrit en
    Août 2007
    Messages
    419
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2007
    Messages : 419
    Par défaut
    peut être que la page home est trop chargé

  3. #3
    Nouveau membre du Club
    Inscrit en
    Septembre 2006
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Septembre 2006
    Messages : 5
    Par défaut
    La page d'accueil et la 2ème page ne font pas plus de 100Ko, ce qui me parait pas trop lourd.

  4. #4
    Membre éclairé
    Étudiant
    Inscrit en
    Août 2007
    Messages
    419
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2007
    Messages : 419
    Par défaut
    Citation Envoyé par donsev Voir le message
    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.

  5. #5
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    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:
    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
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  6. #6
    Nouveau membre du Club
    Inscrit en
    Septembre 2006
    Messages
    5
    Détails du profil
    Informations forums :
    Inscription : Septembre 2006
    Messages : 5
    Par défaut
    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.

  7. #7
    Membre éclairé
    Étudiant
    Inscrit en
    Août 2007
    Messages
    419
    Détails du profil
    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2007
    Messages : 419
    Par défaut
    Ravie de savoir que ton problème a été résolu

    Bon courage

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Debutant] Probleme chargement CSS externe
    Par Carlito_superheros dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 04/10/2006, 14h09
  2. [FLASH 8] Chargement fichier swf externe
    Par Chronax dans le forum Flash
    Réponses: 4
    Dernier message: 18/07/2006, 10h08
  3. Réponses: 1
    Dernier message: 08/05/2006, 15h33
  4. le javascript de firefox ne reconnait pas le css externe ?
    Par reski dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/03/2006, 13h23
  5. Réponses: 8
    Dernier message: 14/04/2005, 19h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo