Hello

J'ai un menu style tableau de ce genre :

<ul>
 <li>
  <ul>
   <li>yo1</li>
   <li>yo2</li>
   <li>yo3</li>
   <li>yo4</li>
  </ul>
 </li>
 <li>
  <ul>
   <li>yo1</li>
   <li>yo2</li>
   <li>yo3</li>
   <li>yo4</li>
  </ul>
 </li>
 <li>
  <ul>
   <li>yo1</li>
   <li>yo2</li>
   <li>yo3</li>
   <li>yo4</li>
  </ul>
 </li>
</ul>

Voila le CSS :

ul {
    height:80px;
    border:1px solid green;
    margin:0;
    padding:0;
}
 
li {
    list-style:none;
    display:block;
    position:relative;
    border:1px solid red;
    overflow:hidden;
    height:17px;
    /*margin:0 0 5px 0;*/ // = vraie version
        margin:0 0 0px 0;       // = pour le test
}
 
li li {
    display:block;
    float:left;
    list-style:none;
    border:0px solid black;
    background-image:url(../images/menu_styles_case.png);
    background-repeat:no-repeat;
    width:174px;
    height:28px;
    padding:3px 0 0 8px;
    margin:0 5px 0 0;
}

Donc je devrait avoir des <li> extérieurs qui se collent.
Seulement voila sous firefox pas de probleme, mais sous IE j'ai un margin entre ces <li> extérieurs qui sort de je ne sais ou

D'où frustration, sanglot, et création de ce topic

Ca peut venir d'où ?

Parfois un display inline fonctionne pour IE

sur quoi ?
j'ai besoin de régler toutes les hauteurs...

Bon allez, bon vieux hack IE "margin:-2px" si je le trouve, et roulez

Nan en fait j'aimerais bien une vraie solution  

Tu peux mettre en ligne une page (complète) avec ce bug ?

yep c'est déja le cas
http://test.bubblebeat.com
 
C'est le menu des styles musicaux, animé.
Les marges ne sont plus à zéro mais on voit bien que les marges sont plus grandes sous IE.

Bon, hacké.
Apparemment c'est un problème de "hasLayout" resolvable que comme ça ou par des combines pas plus propres...
C'est mon premier hack

en tout cas, je vais peut etre t'apprend quelque chose, mais le HTML ne se limite pas qu'aux TABLE et aux DIV, il y a 50 autres balises toutes très intéressantes : http://test.bubblebeat.com/liste_t [...] 6&view=all
 
Ya des DIV partout dans cette page et surtout pour pas grand chose

Je sais, et je ne suis pas seul responsable (c'est mon premier vrai site et si tu voyais l'état du boulot de mon ex-co-stagiaire...). Je refais tout, petit à petit, par couches...

edit : par ailleurs, aucun <table> de cette page n'est de moi par contre les 35 divs du menu header, oui

edit 2 : mais les back-offices sont totalement refaits et irréprochables (ou pas)  <caption>, <th>, <dfn>, <li>, <dd><dt>, <h1>

up

Quand je glisse sur un élément, je regarde ses propriétés (normal). Mais quand je glisse vers un input, il trouve chronologiquement 1) le form, 2) l'input, 3) à l'intérieur, un "div" , dont il ne peut récuperer aucune propriété, d'ou gros message d'erreur moche :

Comment c'est possible ça
(pareil pour nodeType, parentNode etc...)

Bon allez lien : http://test.bubblebeat.com/
C'est le menu animé (qui rame un peu maintenant )

edit2 : Pas de pb sous IE, juste FF

je vois pas l'erreur

merci

Finalement j'ai tout annulé et je fais un test des coordonnées de la souris (tjrs au mouseover hein)