28173 sujets

CSS et mise en forme, CSS3

[RESOLU] Commentaire sur la premiere ligne

Bonjour, je suis nouveau sur ce forum (du moins dans les posts).
J'ai souvent consulte ce-dernier, mais la je ne trouve pas l'explication.

Je viens de tomber sur un probleme en IE. Je voulais simplement faire un centrage d'un DIV sur une page avec les margin-left et margin-right a auto. Sa marche super bien sur mes sites, sauf dans mon dernier ou la ca ne fonctionnait pas sous IE, mais bien sous tous les autres.
J'ai constate que la seule difference etait un commentaire html (<!-- --> ) sur la premiere ligne de ma page (avant le DOCTYPE)
En supprimant ce commentaire le comportement etait plus proche de Firefox.

Donc voici mes questions :
Quelqu'un a t'il deja vu ce probleme quelque part ?
Quelqu'un pourrait me dire pourquoi ? (mis a part que c'est IE)

Merci

(et si c'est pas dans ce forum, ce post permettra peut-etre a une autre personne de solutionner son probleme)

Probleme resolu depuis le debut, c'etait principalement pour prevenir les autres.
Modifié par chromosome (31 May 2006 - 21:34)
Bon, j'ai regarde le lien (du moins la page). Et mon probleme est le suivant :
a écrit :

<!-- Test -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div#center {margin-left: auto; margin-right: auto; height: 100%; width: 760px;}
div#body {width: 760px;border-left: solid 1px black;border-right: solid 1px black;height: 100%;}
</style>
</head>
<body>
<div id="center">
<div id="body">Coucou</div>
</div>
</body>
</html>


est different de

a écrit :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div#center {margin-left: auto; margin-right: auto; height: 100%; width: 760px;}
div#body {width: 760px;border-left: solid 1px black;border-right: solid 1px black;height: 100%;}
</style>
</head>
<body>
<div id="center">
<div id="body">Coucou</div>
</div>
</body>
</html>


sous IE, div est centre ou pas en fonction du simple fait que j'ai mis un commentaire sur la premiere ligne.

Bon maintenant je n'ai peut-etre pas lu la page avec suffisament d'attention. Smiley cligne

PS : Attention j'ai tape la page comme ca en vitesse, donc la syntaxe n'est peut-etre pas tres catholique.
Administrateur
Salut chromosome,

Je crois que tu as utilisé le bouton de "citation" et non le bouton "code" pour ton code Smiley cligne
Modérateur
Bonjour chromosome,

Évite de mettre des commentaires HTML avant le doctype. Internet Explorer lit les premiers X caractères et s'il ne trouve pas le doctype, il s'arrête là et prend pour acquis qu'il n'y a pas de doctype et il tombe en mode Quirk. Pour info, ca m'était déjà arrivé et ca m'avait fait perdre du temps. Smiley sweatdrop Sacré IE, on t'aime.

Tu peux toujours insérer tes commentaires entre les balises <head>
Modifié par Tony Monast (31 May 2006 - 16:51)
Raphael, exact, sorry.

Tony, effectivement on perd du temps avant de ce rendre compte de ce truc, qui ceci dit n'est pas franchement documenté, et en plus pour trouver sur Internet ce genre de probleme, c'est pas évident car le mot "comment" ou "commentaire" est souvent utilisé, mais pas dans le même sens Smiley decu
Modérateur
Comme ton sujet semble Résolu, merci de bien vouloir l'indiquer comme tel en ajoutant le mot "[Résolu]" au début du titre de ton sujet. Pour le faire, il suffit d'éditer ton premier message de ce sujet.
Sujet clos
Aller à