Mise en page differente selon doctype sous IE ?

le Jeu Jan 15, 2004 9:45

Bonsoir,

J'ai commencé à refaire le code d'une page pour que cele-ci soit aux normes.

Celle-ci fonctionne très bien et elle est validée en xhtml 1.0 strict.

Juste un petit soucis.

Sous Mozilla (navigateur respectueux des normes w3c) tous mes blocs sont centrés avec un doctype xhtml strict ou en xhtml transitional.

En revanche sous IE (non respectueux des recommandations wc3) avec le doctype xhtml transitional les blocs sont bien centrés :

Code: Tout sélectionner: <!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">

mais avec pas avec celui du xhtml stric :

Code: Tout sélectionner: <?xml version="1.0" encoding="ISO-8859-1"?> <!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">

Les blosc restent collé à gauche...

Savez vous pourquoi ?

Je suis donc obligé de laissé un doctype xhtml transitional alors que la page est valide en xhtml stict.

Merci d'avance pour vos réponses.

la page :
http://www.about-django.com/news/videos/newvideos.php

Css :
http://www.about-django.com/news/videos/newvideos.css[/code]

le Jeu Jan 15, 2004 11:37

Oui. Les navigateurs récents gèrent 2 ou plusieurs modes de rendus.
- Le mode Quirk (ou BackCompat) sert à dealer avec les vieilles pages sans doctype ou en html transitionnel. IE6 se rapproche de l'affichage d'IE5.
- Le mode "standard" (ou CSS1Compat) est utilisé pour les doctypes stricts (html ou xhtml). IE6 se rapproche de l'affichage de Mozilla ou Opera7.

Là où IE6 est un peu stupide, c'est qu'il repasse en Quirk mode quand il analyse sur la première ligne le prologue &?xml ...
Et du coup il ignore les attributs CSS margin:auto, qui permettent de centrer un bloc par rapport à son père.

Solution : virer le prologue xml pour qu'IE gère le bon mode de rendu. L'encodage par défaut est le ISO-8859-1, ça ne devrait pas poser de problème.

- voir : http://www.publishtogether.com/pompeurs/ModeDeRendus
- pratique, un bookmarklet pour afficher le mode de rendu : javascript:alert(document.compatMode);

le Jeu Jan 15, 2004 11:49

Merci beaucoup c'est très clair

Mise en page differente selon doctype sous IE ?

Mise en page differente selon doctype sous IE ?

quirk et standard mode

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne