Problème de chargement CSS dans HTML

Problème de chargement CSS dans HTML - HTML/CSS - Programmation

Marsh Posté le 17-08-2017 à 14:28:56    

Bonjour,  
 
Je viens de finir une page HTML qui renvoie vers des CSS. Aucun souci lorsque j'ai ma page et les dossiers des css sur mon PC, elle s'affiche correctement mais dès que je la partage sur un serveur ou en ligne, le css n'a pas l'air de se charger correctement (la page est difforme)... Je ne comprends pas, j'ai l'impression que c'est à cause de la lenteur de l'espace de stockage sur lequel est le css que ça se passe pas bien.  
Je ne suis pas expert du tout ni en HTML, ni en CSS.  
J'ai ce problème qu'avec IE 11 (avec Mozilla, ça fonctionne quelque-soit le support).
 
Avez-vous une idée pour faire fonctionner ça sur IE11 (c'est le navigateur que je dois utiliser) ?
 
Par avance, merci pour votre précieuse aide! :jap:

Reply

Marsh Posté le 17-08-2017 à 14:28:56   

Reply

Marsh Posté le 17-08-2017 à 16:25:18    

Quand tu cliques sur F12 dans IE, tu peux activer le mode Emulation des vieilles versions d'IE. Regarde si tu es bien en mode Edge (dernier IE) et pas IE8 ou autre.
En fonction du contenu de ta page et de certains paramètres, IE peut se foutre systématiquement en mode Emulation et ça donne souvent un résultat abominable.

 

Et regarde l'onglet Réseau de ton browser pour voir s'il ramène tout bien, et sa Console pour voir s'il y a des erreurs.

Message cité 1 fois
Message édité par TotalRecall le 17-08-2017 à 16:26:03

---------------
Topic .Net - C# @ Prog
Reply

Marsh Posté le 17-08-2017 à 17:11:06    

TotalRecall a écrit :

Quand tu cliques sur F12 dans IE, tu peux activer le mode Emulation des vieilles versions d'IE. Regarde si tu es bien en mode Edge (dernier IE) et pas IE8 ou autre.
En fonction du contenu de ta page et de certains paramètres, IE peut se foutre systématiquement en mode Emulation et ça donne souvent un résultat abominable.
 
Et regarde l'onglet Réseau de ton browser pour voir s'il ramène tout bien, et sa Console pour voir s'il y a des erreurs.


Merci beaucoup pour ta réponse. Je viens de le réseau dans F12 et voici ce que j'obtiens avec ma version en ligne (celle qui ne fonctionne pas) :  
 
http://hpics.li/b63163e
 
Est-ce normal ?  
 
Par avance, merci pour votre aide!! :jap:

Reply

Marsh Posté le 17-08-2017 à 17:23:39    

Ca c'est uniquement l'onglet Réseau et ça semble dire que tout a été bien chargé (code http = 200).
Merci de regarder les autres éléments que je t'ai proposé (quitte à faire un tour sur google en utilisant les mots que je t'ai donné si tu ne t'en sors pas avec l'interface [:spamafote])


Message édité par TotalRecall le 17-08-2017 à 17:25:27

---------------
Topic .Net - C# @ Prog
Reply

Marsh Posté le 17-08-2017 à 17:37:47    

Merci. J'ai regardé et je suis bien en Edge et quand je clique sur la console, j'ai rien d'affiché...
Je ne comprends pas car en local sur mon DD, pas de souci, en ligne ou sur un serveur partagé, la page est sale :(

Reply

Marsh Posté le 17-08-2017 à 21:37:43    

Je parie sur des urls de css en absolu et non en relatif ;)
 
Poste ton code pour voir (juste le <head> ).


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 18-08-2017 à 07:56:46    

Voici le head :  
 

Spoiler :


 
<head>
        <title>Tableaux de bord rapports BPE</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta name="description" content="Pimp your tables with CSS3" />
        <meta name="keywords" content="table, css3, style, beautiful, fancy, css"/>
        <link rel="stylesheet" href="code/css1/style1.css" type="text/css"  media="screen"/>
        <link rel="stylesheet" href="code/position.css" type="text/css" media="screen"/>
        <style type="text/css">
        </style>
</head>
 

Reply

Marsh Posté le 18-08-2017 à 13:07:32    

Utile plutôt la balise [code] pour poster ton code. Par hasard, ton code html n'aurait pas été généré par un outil wysiwyg?
Tu pourrais poster le contenu du css s'il contient des images, svp?


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 18-08-2017 à 13:09:39    

rufo a écrit :

Je parie sur des urls de css en absolu et non en relatif ;)


A priori si cela fonctionne sous FF il n'y a pas plus de raison que FF soit devin que IE.
 
 
Moi je parie sur un problème de mise en cache, comme les fichiers sont un peu lents à charger peut-être que la première fois ça a déconné mais que IE les a quand même gardé en cache. Dans ta console réseau on voit néanmoins que de nouvelles requêtes sont envoyées donc je ne vois pas à quoi servirait le cache dans ce cas là mais bon tu peux toujours tester de faire un simple Ctrl + F5 quand tu es sur ta page.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed