Table écraser pour s'adapter (css)

Question

Si je mets une table qui serait naturellement 800px de largeur dans un div qui est 700px de large, même avec la propriété css overflow:scroll; ensemble, la table est encore «écrasée» dans l'espace 700px.

Y a-t-il du code html ou css que je peux éditer/ré-architecturer pour résoudre ce problème?

Answer 1

vérifier cela peut résoudre le problème

table 
{ 
table-layout:fixed; 
} 

Answer 2

ce sera votre balisage nécessaire

<div style="width:700px; height:300px; overflow:auto; border:1px solid red;"> 
    <table width="800" border="1"> 
     <tr><td> Col 1 </td> <td> col 2 </td></tr> 
    </table> 
</div> 

Answer 3

Pas selon ce test http://jsfiddle.net/6J9AB/1/

Êtes-vous sûr que ce n'est pas autre chose?

La largeur de la table est-elle définie sur 800px? (comment serait-il autrement 800px naturellement?)