28172 sujets

CSS et mise en forme, CSS3

bonjour
j'ai un petit souci qui me casse bien les pieds :

je veux centrer une page web
j'utilise pour cela le code suivant dans mon css


#page {
margin: 0 auto 0 auto;
width: 750px;
}


sauf que ... IE8 me colle le tout à gauche
pour rêgler le problème je suis obligé d'utiliser une astuce valable pour les vieilles versions de IE (5.5 ...)
à savoir :

body {
margin: 0; 
text-align: center;
}

#page {
margin: 0 auto 0 auto;
width: 750px;
text-align: left;
}



j'ai écarté le problème du doctype qui est bon
la page web passe sans problème le validateur w3c en xhtml 1.0 transitional
je l'ai passé en strict pour être sur, la page est ok...
Modifié par scott54 (28 Nov 2009 - 13:47)
problème résolu même si je n'ai pas vraiment tout compris :

dans le code source de ma page un point apparaissait juste avant le <doctype ....

le code à été créé sous notepad ++ en utf8

pour corriger j'ai du ouvrir la page sous dreamweaver, copier le code source, fermer cette page, en créer une nouvelle, coller le code source, enregistrer la nouvelle page en écrasant l'ancienne
(si j'ouvrai la page et effaçais tout le code pour le recoller et enregistrais ça marchait pas ...)



si quelqu'un a une explication sur ce genre de phénomène je suis preneur
Modifié par scott54 (28 Nov 2009 - 03:04)
L'UTF8 a un moyen particulier de s'automarqué UTF8.
L'UTF8 avec BOM (Byte order mark) permet de dire que c'est de l'UTF8 grâce à un byte spécifique (qui peut apparaitre sous forme . ou ? pour "ceux" qui ne le reconnaisse pas). En utilisant l'UTF8 SANS bom, tu a bien de l'utf8 sans ce fameux byte (qui pose tant de soucis aux développeurs).
Préfères donc l'utf-8 sans BOM pour des pages web
scott54 a écrit :
problème résolu même si je n'ai pas vraiment tout compris :

dans le code source de ma page un point apparaissait juste avant le <doctype ....

Internet Explorer bascule en mode Quirks lorsqu'il y a des caractères (autres que les espaces, les tabulations, les retours à la ligne et les retours chariot) qui précèdent le doctype. Cela explique pourquoi IE 8 se comportait comme IE 5.5 en refusant d'appliquer les marges automatiques.

En revanche, s'il y a un prologue XML, seul IE 6 bascule en mode Quirks.
Modifié par Victor BRITO (28 Nov 2009 - 12:29)