Webmaster Hub > doctype qui fait tout foirer...

Version complète: sur le forum Webmaster Hub : doctype qui fait tout foirer...

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

sarc

samedi 1 janvier 2005 à 14:01

Bonjour

Je m'efforce de respecter les standards pour la mise en place d'un design.
La page est d'ailleurs valide xHTML et CSS.
Seulement, quans il ya la présence du doctype :

CODE

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

firefox ne prend plus du tout en compte la feuille de style, comme si l'adresse était mauvaise. Par contre, IE6 marche parfaitement...

Que se passe t-il ?
Si vous voulez, je peux montrer le code, mais pas donner l'url.

Merki d'avance

(et bonne année

)

Loupilo

samedi 1 janvier 2005 à 14:23

La vraie formulation est (dans le cas du xhtml strict) :

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Voir Le DOCTYPE qu'il vous faut.

Loupilo.

sarc

samedi 1 janvier 2005 à 14:33

Salut loupilo !
Merci d'avoir répondu.

J'ai changé le doctype (j'en voit tellement sur le net, je sais plus lequel choisir), mais le probleme est toujours le meme : la feuille de style n'est pas utilisée par firefox.
Pourtant :

CITATION

This Page Is Valid XHTML 1.0 Strict!

voila le code de la page :

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="config/style.inc.css" />
</head>
<body>
<div class="head1"></div>
<p class="login">pseudo :<input type="text" name="pseudo" size="15" maxlength="256" /> pass :<input type="text" name="pass" size="15" maxlength="256" /> <input type="button" value="ok !" /><br /><br />
<a href="inscription.php" class="insc">Inscrivez vous</a> <a href="perdu.php" class="mdp">mot de passe perdu ?</a>

</p>
<div class="menug">
<div class="menuh">
<ul class="menub">
<li><a class="men" href="#">menu1</a></li>
<li><a class="men" href="#">menu2</a></li>
<li><a class="men" href="#">menu3</a></li>
<li><a class="men" href="#">menu4</a></li>
</ul>
</div>

</div>
</body>
</html>

EDIT : j'ai testé avec un autre nom de fichier pour la feuille de style, j'ai viré le .inc... Et ca marche

! Je vois pas ce qui dérange, surtout que ca marche sur d'autres sites, en tout cas c'est vraiment bizarre....

Monique

samedi 1 janvier 2005 à 15:21

CITATION(sarc @ samedi 01 janvier 2005, 14h33)

EDIT : j'ai testé avec un autre nom de fichier pour la feuille de style, j'ai viré le .inc... Et ca marche

! Je vois pas ce qui dérange, surtout que ca marche sur d'autres sites, en tout cas c'est vraiment bizarre....

Bonjour,

Peut-être donnes-tu la réponse : le problème viendrait du nom de ton fichier style.inc.css

Si pour le navigateur la présence d'un point signale une extension de fichier... il s'arrête à l'extension inc qu'il ne connaît pas.
Mais je n'ai pas de références sous la main pour justifier cette affirmation, si l'un de vous peut confirmer ou infirmer...

sarc

samedi 1 janvier 2005 à 15:47

Bonjour Monique,

J'ai deja utilisé ce nom de feuille de style, et ca marche sans problèmes...
Une configuration de l'hebergeur ? Peut-être pour la sécurité ?

LaurentDenis

samedi 1 janvier 2005 à 17:59

Il est possible, en effet, que le serveur ne renvoie pas pour ce fichier le type-mime convenant à une feuille de style CSS (text/css), mais un autre type mime (peut-être text/plain) appliqué arbitrairement à cause du nom de fichier en .inc.css.

Auquel cas, Opera et IE appliqueront la CSS, mais Firefox l'ignorera. C'est donc le premier point à vérifier en analysant les en-tête HTTP renvoyés par le fichier CSS.

sarc

samedi 1 janvier 2005 à 19:22

Merci de tes explications LaurentDenis, je me méfierai a l'avenir... J'avoue que j'avais pas du tout pensé a ca au début

Xavier

dimanche 2 janvier 2005 à 12:06

Firefox mets un avertissement (ou une erreur je ne sais plus) dans la console JavaScript lorsqu'une feuille de style n'est pas chargée pour une raison de types MIME.

Cela dit, ce n'est qu'en mode de respect des standards qu'il n'applique pas la feuille de style. En mode Quirck (par exemple sans doctype), la feuille est affichée, mais un avertissement est indiqué dans la console JavaScript.

Tu pourrais analyser les entêtes, il y a un outil pour ça sur le Hub. Vérifie que la ligne Content-type ait bien text/css et pas autre chose

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.