Doctype dégrade l'affichage.

Version imprimable

21/01/2010, 21h41
{F-I}

Doctype dégrade l'affichage.
Salut à tous ;)

Voici l'aperçu :

http://fabien-issartel.fr/___images/...vz/fond_ok.jpg

Comme vous pouvez remarquer qu'il n'y a pas de problème dans l'affichage.

Bon passons à présent l'aperçu suivant :

http://fabien-issartel.fr/___images/...nd_foireux.jpg.

Ce qui est bien étonnant (du moins pour moi) c'est que si je ne mets pas le doctype, ça s'affiche bien et que si je mets doctyle, ça foire.

Code de doctype :
Code:

1 2 <!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" xml:lang="fr" lang="fr">
Vous pouvez voir la page en question ici

En vous remerciant de votre réponse.

Bonne soirée.

Bonsoir ;)

Juste petit remarque, si je mets ce doctype :
Code:

1 2 <!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">
Le problème disparait, pourquoi cela ne se passe pas avec strict ?

22/01/2010, 22h55
RomainVALERI

L'interprétation de la page n'est pas tout-à-fait la même en effet, selon le "mode de respect des normes" qu'on annonce au navigateur avec ce fameux doctype. As-tu passé la page dans un validateur xhtml (w3c ou autre) pour voir ? ^^
23/01/2010, 00h13
{F-I}

Oui c'est validé, sans aucun erreur ni avertissement.

This document was successfully checked as XHTML 1.0 Strict!

This document was successfully checked as XHTML 1.0 Transitional!

Donc du coup, je ne sais pas trop.

Comme que ça s'affiche bien avec 1.0 Transitional et que je ne connais pas trop la différence entre Strict et Transitional, je pense que ce n'est pas si important pour moi donc je vais en rester là.

Par contre si quelqu'un pouvait m'expliquer la différence entre ces deux, ce serait super sympa.

Merci :)
23/01/2010, 17h05
Deallyra

Le Strict interdit les attributs de présentation et des éléments que le W3C prévoit de supprimer progressivement.

Autrement dit, avec le Strict, tu fais toutes tes présentations dans un CSS.
Avec le transitionnal (pour les anciens navigateurs par exemple) tu peux encor faire des déclarations dans tes éléments. Le background pour le body par exemple.
24/01/2010, 16h57
{F-I}

Merci de ta réponse, par hasard connais-tu un tableau qui résume tous les différences entre strict et transitional qui m'intéresserait énormément ?
24/01/2010, 21h27
Deallyra

J'en avais trouvé un avec les premiers résultats google mais je ne remets pas la main dessus.

En fait, il n'y a pas réellement de tableau, juste une liste d'éléments, d'attributs et propriétés qui ne peuvent plus être utilisés.

Bonjour,
brièvement un DTD transitionnal déclenche le mode de rendu almost standard (presque standard) dont la différence avec le mode standard (DTD strict) se traduit uniquement par une suppression des marges présentes sous les images correspondant à l'espace nécessaire à l'affichage des jambages inférieures de certaine consonne comme le j et p ou le z.
A ce niveau là, en transitionnal les images se comportent comme des éléments de rendu inline-block et non plus inline.

Attributs et éléments non autorisés en strict
Code:

1 2 3 4 5 6 7 8 Eléments BASEFONT et FONT; Eléments CENTER, U, STRIKE et S; Attributs ALINK, BACKGROUND, BGCOLOR, LINK, VLINK, TEXT de l'élément BODY; Attributs BGCOLOR, HEIGHT, NOWRAP, WIDTH des éléments internes de tableaux; Attributs BORDER, HSPACE, VSPACE des images et objets ; Attributs CLEAR, NOSHADE, SIZE, WIDTH des lignes de séparation HR ; Attributs COMPACT, TYPE des éléments de liste, et attributs START, VALUE des listes numérotées; Attribut WIDTH de l'élément PRE;
Autorisés en transitionnal (et pas en strict)
Code:

1 2 3 > l'attribut target des liens est autorisé; > les éléments IFRAME sont autorisés;

25/01/2010, 17h40
Macmillenium

Salut,

Citation:

Envoyé par Erwan31

traduit uniquement par une suppression des marges présentes sous les images

Images et objects ;)
26/01/2010, 22h06
{F-I}

Bonsoir ;)

Je vous remercie de vos réponses, donc si j'ai bien compris, il n'y a pas de réel différence permettant de différer l'aspect visuelle du site.

Je ne comprends pas pourquoi que cela ne s'affiche pas bien avec Strict alors que c'est ok avec Transitional

Merci