Internet Explorer erstellt horizontale Scrollbar für die vertikale Bildlaufbreite

Question

A div, eine Tabelle mit den folgenden CSS-Styling hat:

#formulaAlts { 
    float: right; 
    height: 200px; 
    overflow: auto; 
} 

Das macht es so, dass, wenn der Tisch> 200px ist, eine Bildlaufleiste nur für die Tabelle erscheint und die anderen Elemente auf der Seite bleiben erhalten. Groß!

Jetzt für unseren Freund IE ...
In IE, das Element erstellt die vertikale Bildlaufleiste ohne das Element zu wachsen. Um dies zu "lösen", wird eine horizontale Bildlaufleiste erstellt.
Das ist scheiße. Und ich will es nicht saugen ...

Irgendwelche Ideen?

--EDIT--
Ich fand heraus, dass die Linie

overflow-x: hidden; 

Kräfte IE den horizontalen Scrollbar zu ignorieren. Das ist besser .. aber nicht ganz da, denn jetzt ist ein Teil meines Tisches unsichtbar.

Answer 1

Vorsicht.

overflow-x 

ist nicht das am weitesten verbreitete Attribut draußen.

Ich neige dazu, mit einem Aufnahme div mit etwas rechts padding zu gehen:

CSS:

div.scroll { 
    overflow:auto; 
    padding-right:6px; 
    /* I've found 6px to be just right my purposes, but try others*/ 
} 

EDIT: Sie werden Attribut eine Höhe hinzufügen müssen irgendwo für diese zu arbeiten! Ich habe normalerweise einen Standard-Set in der div.scroll-Deklaration und dann zwinge das für bestimmte Fälle (die meisten). HTML:

<div class="scroll" > 
    <table> 
    <!-- your table stuff in here --> 
    </table> 
</div>