Block d'une hauteur 1px

Bonjour,

j'aimerai faire un block d'une hauteur de 1px avec un background qui se répète :

<style type="text/css">
.separation{
	clear : both;
	height : 1px;
	background : url('separation.gif');
}
</style>
<div class="separation"></div>

Sous Firefox çà fonctionne comme je veux, mais IE me fait des block d'une hauteur d'environ 13px

une idée ?

Salut,

il faut aussi jouer sur line-height pour IE (ainsi que sur les marges & padding, éventuellement). Puisqu'IE ne comprend pas la propriété height (il interprète ça comme un min-height), il laisse le bloc s'aggrandir à la taille d'une ligne de texte ...

Sinon, pour un bloc d'un pixel de haut, ce ne serait pas plus facile avec une bordure ou un <hr /> (qui est fait pour ça, d'ailleurs)
Modifié par Thomas D. (25 Mar 2007 - 14:44)

le hr ne fait pas ce que je lui demande, il ne prends pas le background que je lui indique

Les hr sont particulièrement prise de tête à mettre en forme.

Un div vide à la place ne fera pas grand mal...
(Et le premier qui parle de sémantique a droit à un gage )

J'ai du mal à comprendre ce que tu veux faire avec un background sur 1 pixel de hauteur , mais bon ...

L'élément <hr /> est un peu délicat, tu trouveras des pistes dans la FAQ

Edit : grillé
Modifié par Thomas D. (25 Mar 2007 - 15:16)

Florent V. a écrit :
Un div vide à la place ne fera pas grand mal...

Pour réaliser une ligne d'un pixel de hauteur, ça doit être possible avec un <hr />, tout de même ! Ce serait tout de même plus logique. Pour une fois qu'il est envisageable d'utiliser <hr /> à bon escient ...

a écrit :
(Et le premier qui parle de sémantique a droit à un gage )

De quoi ?

Bonjour NeoRamaX,

C'est une qustion qui revient souvent.
Tu peux aussi regarder ici : Pourquoi mon bloc a une hauteur plus grande que prévue sous IE

un font-size : 1px à résolu mon pb

merci à tous