Bonjour,
premier post en 2005, alors bonne année à tous !
je fais mes premiers pas avec les CSS et je souhaite intégrer le CSS dans le haut de la page XHTML
Sur le site ALLHTML j'ai trouvé la recommandation suivante :
- Comme pour les navigateurs ignorant le JavaScript, vous devez cacher le code des feuilles de styles à l'aide des commentaires :
<!-- //-->
or j'ai réalisé ma page sans cacher le code et cela fonctionne bien et la validation par
le W3C pour CSS et XHTML
Alors que faut-il penser/faire par rapport à cette recommendation ?
Voici le code de ma page test ( repris de vos exemples )
@+
Gummybear
premier post en 2005, alors bonne année à tous !
je fais mes premiers pas avec les CSS et je souhaite intégrer le CSS dans le haut de la page XHTML
Sur le site ALLHTML j'ai trouvé la recommandation suivante :
- Comme pour les navigateurs ignorant le JavaScript, vous devez cacher le code des feuilles de styles à l'aide des commentaires :
<!-- //-->
or j'ai réalisé ma page sans cacher le code et cela fonctionne bien et la validation par
le W3C pour CSS et XHTML
Alors que faut-il penser/faire par rapport à cette recommendation ?
Voici le code de ma page test ( repris de vos exemples )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Largeur fixe 750, header/contenu/footer.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
}
#header {
height: 100px;
background-color: #99CCCC;
}
#centre {
background-color:#9999CC;
}
#pied {
height: 30px;
background-color: #99CC99;
}
p {margin: 0;}
</style>
</head>
<body>
<div id="conteneur">
<div id="header">header <a href="http://www.alsacreations.com/articles/modeles">(voir tous les modèles)</a> - <a href="http://www.alsacreations.com/articles/modeles/contenu_fixe.css">(voir
la feuille de style CSS)</a>
</div>
<div id="centre">
<p>partie centrale</p>
<p>partie avec du contenu occupant le reste de la largeur</p>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://monsite.free.fr/test/css/20050105b.htm">http://jigsaw.w3.org/css-validator/validator?uri=http://spherecall.free.fr/test/css/20050105b.htm</a>
<p>partie avec du contenu occupant le reste de la largeur</p>
<p>partie avec du contenu occupant le reste de la largeur</p>
<p>partie avec du contenu occupant le reste de la largeur</p>
<p>partie avec du contenu occupant le reste de la largeur</p>
<p>partie avec du contenu occupant le reste de la largeur</p>
<p>partie avec du contenu occupant le reste de la largeur</p>
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fmonsite.free.fr%2Ftest%2Fcss%2F20050105b.htm">http://validator.w3.org/check?uri=http%3A%2F%2Fspherecall.free.fr%2Ftest%2Fcss%2F20050105b.htm</a>
<p>partie avec du contenu occupant le reste de la largeur</p>
<p>partie avec du contenu occupant le reste de la largeur</p>
</div>
<div id="pied">pied de page</div>
</div>
</body>
</html>
@+
Gummybear
