Quelqu'un peut-il me dire ce que je pourrais faire mal. La page suivante fonctionne très bien dans IE8 et FireFox mais les éléments du CSS ne semblent pas être respectés dans Chrome et Safari. Merci.Page fonctionne dans IE et FF mais pas dans Chrome ou Safari
à la page: http://www.diabetesgoaltracker.com/home.html
Voici ce que je ferais:
D'abord, la div #navigation qui entoure la ul #navlist est redondant. Il suffit de styler le ul comme vous le feriez et de perdre la div tout à fait.
Deuxièmement, je voudrais faire flotter le ul. Ensuite, je ferais flotter le contenu div et perdrait les marges. Assurez-vous que #container est overflow:hidden; Tant que vous définissez la largeur de l'ul et le contenu div, il devrait être bon dans tous les navigateurs.
Je suis vraiment déconcerté que cela ressemble à ce qu'il fait dans Chrome ... Je vais mettre à jour cette réponse que je l'examine plus.
MISE À JOUR
L'agent utilisateur dans des styles chrome l'ul display: block; Vous devez ajouter une feuille de style de réinitialisation pour mettre tous les navigateurs sur le même pied. Bien que, si vous suivez mon conseil ci-dessus, ce ne sera pas un problème direct. Faites-moi savoir si vous avez besoin d'un ensemble de règles de réinitialisation que j'utilise.
Quand je valider votre CSS avec validateur CSS W3 Je reçois cette erreur:
I/O Error: Unknown mime type : */*
Cela pourrait indiquer une erreur de serveur qui est de lancer Chrome off. Vérifiez ce fil: (.. Vérifiez également dans votre css Vous avez div # navigation là où il devrait juste être #navigation)
+1 pour une bonne enquête. – Stephen
Je n'ai pas eu cette erreur. J'ai félicitations ... valide en tant que niveau CSS 2.1. Quelqu'un d'autre pourrait essayer s'il vous plaît. –
Lorsque j'inspecte mes en-têtes, j'obtiens définitivement un type de contenu '*/*' au lieu du type de contenu 'text/css', donc c'est correct. – Stephen
je aurais dû le mentionner dans la question initiale, mais si je supprime la ligne DOCTYPE (que je sais être un non-non), cela fonctionne bien dans tout sauf IE8 où je semble avoir un problème de clear/float, le contenu à droite commençant après la fin de la navigation sur la gauche. –
Vous devriez tenir compte de la réponse de Computerish et vérifier la configuration de votre serveur. – Stephen
J'ai terminé le DOCTYPE avec un /> au lieu de> et tout semble bien dans tous les navigateurs. Je suis d'accord que c'est doit être un problème de serveur. –