Tableau HTML avec mise en page fixe dans div avec débordement dans IE6

Question

J'ai un problème avec IE6 dans ma mise en page. Voici l'exemple.

<div style="overflow:hidden;"> 
    <table style="table-layout: fixed;" width="100%" border="0" cellpadding="4" cellspacing="0"> 
        <colgroup> 
         <col width="30px" /> 
         <col width="100px" /> 
         <col width="200px" /> 
         <col width="150px" /> 
         <col width="300px" /> 
         <col width="320px" /> 
         <col /> 
        </colgroup> 
        <tr> 
         <td> 
          &nbsp; 
         </td> 
         <td class="gridHeader"> 
          Condition 
         </td> 
         <td> 
          Condition Description 
         </td> 
         <td> 
          Fixed Item 
         </td> 
         <td> 
          Optional Item 
         </td> 
         <td> 
         </td> 
        </tr> 
       </table> 
      </div> 

Dans IE6, lorsque je tente de redimensionner la largeur du navigateur pour être plus petit (ou lorsque le nombre de colonnes dépasse la largeur du navigateur) et lorsque la div a frappé la droite la plus colonne, il a cessé de redimensionnement et le défilement du navigateur apparaît ce qui ne devrait pas arriver. Est-ce que quelqu'un sait solution de contournement pour cela? Tout conseil sera apprécié.

Cordialement, Nay Min

Answer 1

Quelle est votre comportement désiré? Comme vous fixez la largeur des colonnes à l'aide de pixels, les mains du navigateur sont liées. Il ne peut pas réduire la taille. Si vous préférez une mise en page fluide, utilisez des pourcentages. Si vous voulez imiter max-width dans IE6, vous devrez compter sur JavaScript.