Mise en page differente selon doctype sous IE ?

Nouveau WRInaute
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:
<!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:
<?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]
 
Nouveau WRInaute
quirk et standard mode

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);
 
Discussions similaires
Haut