[résolu] Div de petite hauteur

Bonsoir à tous,

Je me rends compte qu'Internet Explorer 6 et FireFox/Safari ne gèrent pas de la même manière les blocs div de petites hauteurs (hauteur plus petite que la taille de police par défaut).

<div style="width:100px; height:1px; background-color:red"></div>

Donne bien une ligne rouge de 1px de hauteur sur FireFox mais sur Internet Explorer, pas moyen d'avoir la même chose.

Est-ce que quelqu'un s'ait comment gérer ça ?

D'avance merci.
Modifié par Cozy_Cookie (09 Aug 2007 - 22:38)

Je viens de trouver la réponse.
Il suffit de mettre un font-size:1px pour que ça marche.

Bonne soirée.

Salut ,

le <hr /> serait peut-être plus logique ?

hr {
width:100px;
height: 1px;
margin: -0.5em 0;
padding: 0;
color: red;
background-color: red;
border: 0;
text-align:left;
}

voir la FAQ.

A+