Doctype Loose IE

**pittacos** · 29/05/2007, 17h05

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Des idées ???

Merci d avance

**pittacos** · 29/05/2007, 20h35

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

merci a tous

**pittacos** · 29/05/2007, 20h38

Non, en fait ca ne marche pas

J'avais enlever le DocType et oublié de le remettre

**Candygirl** · 29/05/2007, 22h23

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

)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...

**pittacos** · 30/05/2007, 00h39

MERCI !!!
CA MARCHE

je connaissais pas "inline-block".

merci encore

Doctype Loose IE

HTML

Discussions similaires

Partager

Partager