Différence entre transitional et strict

Différence entre transitional et strict - HTML/CSS - Programmation

Marsh Posté le 06-12-2008 à 18:55:29    

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

Reply

Marsh Posté le 06-12-2008 à 18:55:29   

Reply

Marsh Posté le 06-12-2008 à 19:13:49    

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

Reply

Marsh Posté le 06-12-2008 à 19:16:53    

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
Reply

Marsh Posté le 06-12-2008 à 19:45:01    

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed