Utilisation balise DocType

**ambe_fr** · 19/05/2009, 12h58

J'ai éssayé de colorier les barres de défilement de mon site. Le problème c'est que rien ne marche mais dès que j'enlève les balises DOCTYPE, les couleurs que j'applique ressortent tout de suite. Je voudrais savoir si il existe un parametrage particulier de la balise DOCTYPE pour que ça marche

Voici le code CSS:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
body {
scrollbar-face-color: #7f1517; 
scrollbar-highlight-color: #efd1d1; 
scrollbar-shadow-color: #000000; 
scrollbar-3dlight-color: #7f1517; 
scrollbar-arrow-color: #ffffff; 
scrollbar-track-color: #efd1d1; 
scrollbar-darkshadow-color: black;
}

Et la balise DOCTYPE

Code xhtml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

**RomainVALERI** · 19/05/2009, 15h59

essaie une recherche sur des termes comme DOCTYPE, standards, quirks mode, et sache que l'utilisation d'une doctype "force" le moteur de rendu sur un mode d'interprétation des pages : "quirks" pour le mode "comme à la maison" introduit avec les bizarreries d'IE, standard pour le mode "suivant les recommandations du w3c". (ce qui explique que tes propriétés css non-standard ne soient pas reconnues avec une doctype "transitional")

Il y a de nombreux articles, sur developpez ou ailleurs, qui traitent de ce sujet très important pour les developpeurs web ^^

**Erwan31** · 19/05/2009, 16h06

Bonjour,
non, sans doctype ton navigateur bascule en mode de rendu Quirks (mode de compatibilité descendante non standard et plus permissif qui autorise les implémentation propriétaires comme scollbar-machin ect)
Cela fonctionne si tu répercutes ces propriétés au niveau de l'élément HTML (au lieu du body) en conservant le doctype.
Ceci dit comme ces propriétés sont invalidantes pour ta CSS, tu devrais les placer dans une CSS (ou dans l'élément style) pour IE appelée par les commentaires conditionnels qui vont bien.

**ambe_fr** · 19/05/2009, 16h14

Je voudrais savoir si je peux avoir des problèmes que je supprime totalement cette balise de mes pages pour faire marcher mon code CSS?

**HiRoN** · 19/05/2009, 16h20

Envoyé par ambe_fr

Je voudrais savoir si je peux avoir des problèmes que je supprime totalement cette balise de mes pages pour faire marcher mon code CSS ?

Oui... Cette balise étant essentielle si tu tiens à faire un code valide et étant potentiellement correct d'un navigateur à l'autre... (c'est la base d'une page correctement construite en résumé...)

**12monkeys** · 19/05/2009, 23h59

Bonsoir

Envoyé par ambe_fr

Je voudrais savoir si je peux avoir des problèmes que je supprime totalement cette balise de mes pages pour faire marcher mon code CSS?

Comme le dit Hiron cette balise doctype est nécessaire : http://xhtml.developpez.com/faq/?pag...octype_utilite

Surtout que Erwan31 t'as donné la méthode pour utiliser ce code correctement :

Envoyé par Erwan31

Cela fonctionne si tu répercutes ces propriétés au niveau de l'élément HTML (au lieu du body) en conservant le doctype.

**Macmillenium** · 20/05/2009, 00h03

Bonsoir,

A savoir que ces propriétés ont été inventés par Microsoft et ne fonctionnent que sous IE.

**Erwan31** · 20/05/2009, 13h38

Envoyé par Macmillenium

Bonsoir,
A savoir que ces propriétés ont été inventés par Microsoft et ne fonctionnent que sous IE.

En fait elles fonctionnent aussi (en mode Quirks) sous Opera (à partir de sa version 7) puisque ce dernier a choisi d'aligner partiellement le layout engine de son mode Quirks sur celui d'IE, et les conditions de basculement en mode Quirks sur Opera 7 sont les même que celles d'IE6.

Utilisation balise DocType

HTML

Discussions similaires

Partager

Partager