IE6 table busting out de div

IE6 me rend fou.IE6 table busting out de div

Le code HTML suivant fonctionne correctement dans tous les navigateurs post-millenial, à l'exception de IE6. La div de droite défile pour montrer la table. Dans IE6, la table éclate des contraintes de taille de la div.

Un génie peut-il me dire ce que je dois faire pour que IE6 respecte la largeur de ce div et défile comme un bon navigateur?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    </head> 
    <body> 
     <div style="float:left;width:200px;">Leftist</div> 
     <div style="float:left;width:500px;"> 
      <div style="overflow-x:scroll;border:1px solid red;"> 
       <table width="1000px" border="1"> 
        <tr> 
         <td>1111111111111111111111111111111111111111111111111111111111111111111111111111</td> 
         <td>2222222222222222222222222222222222222222222222222222222222222222222222222222</td> 
         <td>3333333333333333333333333333333333333333333333333333333333333333333333333333</td> 
         <td>4444444444444444444444444444444444444444444444444444444444444444444444444444</td> 
        </tr> 
       </table> 
      </div> 
     </div> 
    </body> 
</html>

Source

2009-10-02 Damo

Ajouter une largeur à la div contenant la table, à savoir la div avec le trop-plein-x: attribut de style de défilement institué

Source

2009-10-02 16:50:32

Les 3 réponses sont les mêmes mais elles sont en premier. Merci! – Damo

changer votre style de div intérieure à ceci:

<div style="overflow-x:scroll;border:1px solid red;width:500px;">

Remarque la spécification de largeur. Assurez-vous d'avoir les attributs overflow et width sur le même élément.

Source

2009-10-02 16:50:58 recursive

Ajoutez juste la largeur: 100% à la div rouge.

<div style="overflow-x:scroll;border:1px solid red;width:100%;">

Source

2009-10-02 17:06:58 Delameko

Hmm, généralement obtenir une fenêtre contextuelle disant qu'il ya de nouvelles réponses, donc je ne poste pas la même réponse 15 minutes en retard. Excuses. – Delameko

IE6 table busting out de div

Répondre

Questions connexes