IE6 div superposée

Bonjour,

J'ai un petit soucis avec IE6. Une div dans une autre qui lorsqu elle apparait dépasse de la première.
Sur tous les navigateurs aucun soucis, sauf IE6.
Une idée? un conseil?

Merci

T'as essayé ça dans le CSS?

div{

overflow:hidden;
}

Modifié par jmlapam (12 Sep 2011 - 20:59)

faut le mettre sur lequel?
celui qui dépasse ou les autres?

essaie sur la div en question, celle qui dépasse.

Salut,

Ca serait bien d'avoir un peu de code à se mettre sous la dent quand même.

il est assez horrible, un max de div. des classes CSS en cascade.
Vraiment chiant.

Rien ne t'empêche de supprimer un maximum d'éléments pour n'avoir qu'un code minimaliste représentant ton problème.

Alors en gros voila les div

<div class="section tabHolder overlay_product_90283">
<div class="contentHeading productName tabs">
<div id="tab-ritual_product_90283_description" class="product_ritual_item_tp tab-pane" style="display: none;">
<div id="tab-ritual_product_90283_shades" class="tab-pane tab-ritual-shades active">
<div class="shade-selector-overlay productDetails clear">
<div class="major productImg" style="display: block;">
<img class="item_trigger" style="display: none;" alt="" src="">
<div id="mainShadeImgContainer">
<div class="selectbox skuName thumbs">
<div class="select_parent" style="z-index: 10000;">
<select class="colors ignore" name="skuName">
<div id="customSelect_0" class="select_wrapper select_open">
<div class="select_display">
<div class="select_dropdown">
<div class="select_scroller" style="">
<ul class="select_list clear">
<li class="select_opt--0 sku--false first selected"></li>
<li class="select_opt--1 sku--132020 selected">
<li class="select_opt--2 sku--132030">
<li class="select_opt--3 sku--132040">
<li class="select_opt--4 sku--132050">
<li class="select_opt--5 sku--132090">
<li class="select_opt--6 sku--132110 last">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

C est la div select_dropdown qui ne depasse pas sous IE6

CSS:

.select_dropdown .select_list {padding: 5px 0 0 0; border-width: 1px; border-style: none solid solid solid; border-color: #bebebe;}
.select_dropdown .select_list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.select_dropdown {position:absolute;left:-1000em;top:-1000em;width:100%;overflow:hidden; background: #fff;}
.select_open .select_dropdown {left:0;top:auto;}
.clear {display:block; min-width:0;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

Voila, je m arrache les cheveux
Modifié par Jekar (13 Sep 2011 - 09:47)

Heu .. Le code que tu nous montres n'est pas utilisable en l'état. Merci de nous donner un code valide !

ha oué? Il manque des bouts?
bah, pourtant ca fonctionne.
Qu est ce qui est invalide?

Tu as fait un copier/coller du code que tu nous présentes dans un nouveau fichier ? Il manque quelques fermetures de div, un select ouvrant sans option ni select fermant, etc.