Bloc vide sans hauteur sous FF, mais pas IE

(reprise du message précédent)

Salut,

Une solution brutale consiste effectivement à jouer sur le line-height ET le font-size.

Mais quitte à être brutal, autant l'être jusqu'au bout, quitte à rompre avec toute logique...

En mettant le line-height à 0, mais EGALEMENT le font-size à 0, sous IE7 on n'a absolument plus aucun vide.

Par contre, il faut bien mettre simultanément les DEUX conditions à 0.

div { line-height:0; font-size:0; }

Ciao !
Modifié par footao.net (26 Jun 2007 - 12:33)

Bonjour,

Je me permet de relancer ce post car bien qu'ayant lu les références citées, je n'ai pas trouvé de solution à mon problème.
J'ai le même problème de décalage que elz64. J'ai un élément <HR> qui fait office de spacer mais sous IE6 le <HR> à une hauteur.

Voici mon code HTML :

<div>
<p style='float:left'>Applications intranet</p>
<img style='float:right' src='logo.png' alt=''>
<hr class='clear'>
</div>

Voici le code CSS du spacer :

.clear {
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
  border-width: 0;
  margin: 0;
  padding: 0;
}

Sous IE6, un espace s'affiche à la place du <HR> ce qui décale tout le reste de ma page.
Sous Firefox tout s'affiche bien.

Quelqu'un voit-il le problème ?