réglage doctype casse mon css et javascript

Question

Et il peut être n'importe quel doctype, html5 ou l'un des html4. En particulier, si je ne définis pas de doctype, tout va bien. Si je définis un doctype, les couleurs définies comme telles:

#Engine { 
    color:Sienna; 
    } 

    #Gameplay { 
    color:Green; 
    } 

    #Art { 
    color:Chocolate; 
    } 

sont ignorées. Quelques autres balises sont également ignorées, principalement liées aux ID je pense. Je peux définir la taille de la police pour qu'elle soit aussi grande que l'écran et rien ne se passe.

Le CSS est passé ok avec le validateur css, tout comme le html avec le validateur html (quand j'ai inséré le doctype, pas avant).

Aussi le javascript qui fonctionne normalement sans pauses d'attelage, à défaut de trouver la méthode « offset » d'un nœud jquery ...

effet est même en chrome et firefox (dernières versions). Ne sera pas charger du tout dans Internet Explorer avec ou sans doctype, mais c'est pour un sujet distinct ...

Answer 1

La cause probable est que dans votre balisage, vous avez épelé les valeurs id différemment de l'épellation des sélecteurs id . Si vous avez id="engine" dans le balisage, l'élément ne correspond pas au sélecteur #Engine dans "Mode Standards". En mode Quirks, c'est apparemment le cas. (Cela semble s'appliquer aux versions les plus récentes de Chrome, Firefox et IE.)

La solution consiste à s'assurer que vous utilisez exactement la même orthographe dans chaque occurrence d'un identificateur défini par un attribut id. Le definition of id dans la spécification HTML 4.01 le désigne clairement comme sensible à la casse.