Doctype Loose IE

Version imprimable

Doctype Loose IE

Bonjour,

Je n'arrive pas à afficher une balise span d'une longueur fixe avec le doctype Transitional !

Sous Firefox, aucun probleme, mais sous IE7, la balise s'affiche tres bizarrement.

La bordure n'est pas entiere, la largeur n'est pas de 320px ...

Par contre, en enlevant le doctype, aucun probleme :-(
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>TEST</title> </head> <body> <div> <p> <span style="display:table-cell;border:1px solid blue;width:320px;">320px</span> </p> </div> </body> </html>
Voici une capture d'ecran

http://img403.imageshack.us/img403/7...typeal8.th.jpg

Des idées ???

Merci d avance

29/05/2007, 20h35
pittacos

J'ai trouvé.
Il fallait ajouter le style : "display:table;" a la balise "p" ;-)

merci a tous
29/05/2007, 20h38
pittacos

Non, en fait ca ne marche pas :(

J'avais enlever le DocType et oublié de le remettre :( :(
29/05/2007, 22h23
Candygirl

Par défaut IE acceptait que l'on puisse donner un width à un élément de txpe inline, contrairement aux recommandations. J'imagine que c'est pour cette raison que tu n'as aucun souci en mode quirks.

Par contre, en passant en mode standard, IE interprète (du moins, essaie d'interprèter:mrgreen: )ton code d'après les standards et donc une balise de type inline ne peux pas recevoir de width (IE6 n'interprétant pas le table-cell et IE7 guère mieux, sauf erreur)

As-tu une raison particulière d'avoir opté pour un display table-cell ? Ne peux-tu pas utiliser un display:block; ?

Autrement pour opera, IE (Pas FF) tu as aussi le display:inline-block qui te permet d'attribuer une largeur à ton span. A voir selon l'utilisation que tu en fais...
30/05/2007, 00h39
pittacos

MERCI !!!
CA MARCHE ;)

je connaissais pas "inline-block".

merci encore