Tabelle quetschen passend (css)

Question

Wenn ich eine Tabelle, die natürlich wäre 800px breit in einem div, das 700px breit ist, selbst mit der CSS-Eigenschaft overflow:scroll; gesetzt, wird die Tabelle immer noch in den 700px Raum "gequetscht".

Gibt es HTML oder CSS, die ich bearbeiten/umbauen kann, um das Problem zu beheben?

Answer 1

Prüfung dieses Problem beheben können

table 
{ 
table-layout:fixed; 
} 

Answer 2

dies wird Ihre erforderliche Markup

<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

Nicht http://jsfiddle.net/6J9AB/1/

Sind Sie sicher, dass es nicht etwas anderes zu diesem Test nach sein?

Definieren Sie die Tischbreite auf 800px? (Wie wäre es sonst natürlich 800px?)