[Help] Div de moin de 20px impossible sous IE

xxkirastarothxx Messages postés 415 Statut Membre -  
 __Nianiok_43___ -
Bonjour à tous,

J'ai des soucis avec mes div, j'essaye de faire un menu extensible avec:

<div id="top"></div>
<div id="menu">donnée</div>
<div id="bottom"></div>

dans le css j'ai:

#top
{
 height:8px;
 background-image: url('top.png');
 background-repeat: no-repeat;
}

#menu
{
 height:100%;
 background-image: url('midd.png');
 background-repeat: repeat-y;
}

#bottom
{
 height:8px;
 background-image: url('bottom.png');
 background-repeat: no-repeat;
}


ça fonctionne parfaitement sous FireFox, mais sous IE, mes div "top" et "bottom" font, a vue d'oeil, 20px minimum, j'ai donc un gros trou entre le top et le midd ....
Je comprends pas.. Help plz ! :)
Configuration: Windows XP
Firefox 2.0.0.14

2 réponses

  1. xxkirastarothxx Messages postés 415 Statut Membre 40
     
    up
    0
  2. ddez
     
    Salut,

    Si IE ne peut diminuer la taille de ta balise DIV, c'est parce qu'il considère que le texte qui se trouve dedans impose une taille minimum de celle-ci (même si il n'y a pas de texte).

    Pour résoudre ce problème, tu peux ajouter dans ton css
     font-size:0;
    0
    1. __Nianiok_43___
       
      Merci pour ce truc qui m'a bien aidé car j'avais le même soucis malgré que je n'avais aps de texte dans ma div.
      0