Doctype et Internet Explorer
On pourrait croire qu'il y a non sens dans le titre de mon post !!! mais non ...
Après 2 ans que je galère pour aligner avec IE, deux ans ou je met systématiquement margin:auto pour tous les navigateurs, et un div text-align:center en parent pour IE... ben après tout ce temps la on me dit que IE aligne au centre aussi avec simplement margin:auto;
On a mis le temps a comprendre pourquoi le fichier que j'avais produit ne fonctionnait pas et pourquoi un autre fichier d'exemple fonctionnait, mais simplement en rajoutant le doctype xhtml 1 strict ... IE aligne comme firefox ... serait-ce la clé d'une meilleur interprétation du CSS ???
Il y a d'autres influences mais la feuille de style était trop fournie pour que je comprenne quels sont les autres propriété qui sont mieux interprétées ...
Voila un billet qui date d'il y a bien longtemps mais qui plus que jamais, est d'actualité ...
Comments
donc en fait tu dit que IE fait mois de "bétises" quand tu lui met un doctype xhtml 1 strict ? c'est cela ?
Oué c'est ça oué ... c'est fou non ?
Ouais...Faut être secrément retourné du cerveau pour penser que selon le DOCTYPE tu modifie la comportement de ton navigateur...
On parle de IE la ... bizar c'est plutot normal pour eux ;) je pense qu'ils créent du bizar eux ...
D'ailleurs, en parlant d'IE là, il y a du code qui circule sur Internet exploitant un faille de ce "fameux" navigateur. ZDNet nous donne des explications plus détaillées...
ça ne me parait pas complétement débile, il suffit de regarder le contenu des DOCTYPES
C'est exact, le truc surprenant c'est que IE avec le même HTML, change radicalement de façon d'interagir avec le code...
Si on fait le même test sous firefox ou autre gecko like, on trouvera un certain nombre de différences, mais globalement les propriétés sont appliquées pareil ...
Une des différence notable c'est souvent le fait que des éléments débordent sans doctype, puisque le fait d'aller a la ligne dans le code html modifie l'affichage ... avec un doctype, le navigateur sait que ce retour chariot ne doit apparaitre que dans le code et pas influer sur l'affichage ...
Un doctype résoud pas mal de problèmes en fait ;)
Je confirme le comportement d'IE et même de IE7b3.
En effet, j'utilisais une feuille de style CSS importé d'un autre site qui ne fonctionnait pas du tout. Aucun style n'était utilisé par IE jusqu'au moment ou j'ai incorporé la DTD du W3C et comme par magie tout les styles furent implémentés à ma page HTML qui du coup est devenue une HTML Transitionnal.
Je conseille le Transitionnal parce que le Strict oblige à être vraiment compatible avec la norme alors que le Transitionnal permet de faire une page à la one-again.
Voici la liste de tous les DocTypes du W3C : http://www.w3.org/QA/2002/04/valid-dtd-list.html
Utilisez celle qui est la plus adaptée à votre site Web. Je vous conseille aussi d'aller dans Tools, vous pourrez vérifier la validité de votre page avec le DocType que vous utilisez, vos CSS et si les liens de votre page sont rompus.