Zephyr (./17) :
Bon, avec l'astuce de "offsetLeft", ça marche presque;
généralement, c'est du aux margin et padding... assez chiant !
Zephyr (./17) :
j'ai juste un problème de z-index que je n'arrive pas à résoudre sous IE, sous FF ça semble passer correctement :
normal, le z-index est très mal gérer sous IE. La preuve, met un select, et tu véra qu'il s'affiche par dessus tout type d'element... très chiant..
perso, pour mes menus, ce que je fais, c'est que je trace d'abord tous les elements de niveau 1, puis ceux de niveau 2, ..., ....
comme ca, ils sont forcemenent affichés dans le bon ordre, pas besoin de z-index.
enfin, pour corriger le pb des selects : afficher un truc du style :
$all_sub.= '<div class="menu_subitems" id="menu_sub_item_'.$this->sub_i.'" >';
$all_sub.= '<iframe class="menu_subitems_p1" style="height: '.(count($item['sub'])*14).'px"></iframe>';
$all_sub.= '<div class="menu_subitems_p2">'.$html_sub.'</div>'."\n";
$all_sub.= '</div>'."\n";
avec les classes suivantes :
div.menu_subitems
{
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 1px;
border: none;
font-weight: normal;
font-size: 12px;
color: #000000;
text-align: left;
display: none;
}
.menu_subitems_p1
{
position: absolute;
left: 0;
top: 0;
width: 250px;
overflow: hidden;
background: #F8F8F8;
border: none;
}
.menu_subitems_p2
{
position: absolute;
left: 0;
top: 0;
width: 250px;
overflow: hidden;
background: #F8F8F8;
border: solid 1px black;
}
en espérant que ca peut t'aider
