Différence entre transitional et strict

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Différence entre transitional et strict

malicious

Voilà un bug où j'ai galéré quelques heures ! Si quelque chose de similaire vous arrive, pensez-y

Dans l'exemple suivant l'image a un cadre mais il y a 2-3 pixels entre l'image et le bas du cadre. Ce bug apparait dans Firefox mais pas I.E (dans leur dernière version).
Pour que cet exemple fonctionne, il faut remplacer Strict par Transitional, par contre je ne sais pas pourquoi !

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" >
<tr><td style="border:#666666 solid 1px"><img src="photo.jpg" width="100" height="100" /></td></tr>
</table>
</body>
</html>

Message cité 1 fois

Publicité

J_D_

Strict, ton code doit être nickel pour être aux normes W3C.
Transitional, les petites erreurs sont tolérées.

masklinn

í dag viðrar vel til loftárása

malicious a écrit :

Dans l'exemple suivant l'image a un cadre mais il y a 2-3 pixels entre l'image et le bas du cadre. Ce bug apparait dans Firefox mais pas I.E (dans leur dernière version).
Pour que cet exemple fonctionne, il faut remplacer Strict par Transitional, par contre je ne sais pas pourquoi !

T'as remarqué que le début de ton doctype ne correspond pas à la fin du tout?

Sinon, pour ton problème d'image c'est le switch entre quirks et strict qui fait passer le display de block à inline: http://www.quirksmode.org/css/quirksmode.html

Tous les navigateurs autres que MSIE <8 auront le comportement de Firefox, tu peux le résoudre en ajoutant simplement une règle img { display: block; } dans ta CSS.

Message édité par masklinn le 06-12-2008 à 19:17:42

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

malicious

oui j'ai remarqué, c'est une coquille.. j'avais changé le doctype pour mettre en evidence le pb.
En effet, cet article présente très bien ce problème,
merci pour l'info.

FORUM HardWare.fr

Programmation

HTML/CSS

Différence entre transitional et strict

Sujets relatifs
difference entre u_char et char	difference d'affichage IE/FF
Différence guillemets et apostrophes	question simple, difference entre deux classes CSS
[Réglé] [VB.net] Diff entre Dim variable et Dim variable() ?	[HTML] Différence d'affichage selon navigateurs
[resolu]différence entre deux listes perl	2 contenu sur la même ligne en xhtml strict
Différence PHP html et Joomla	[PHP/CSS] liens <a> de couleurs différentes
Plus de sujets relatifs à : Différence entre transitional et strict

Page générée en 0.062 secondes