Internet Explorer crée scrollbar horizontale pour la largeur de la barre de défilement vertical

Question

A div, contenant une table a le style CSS suivant:

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

Cela fait en sorte que lorsque la table est> 200px, une barre de défilement apparaît uniquement pour la table et les autres éléments sur la page restent en place. Génial!

Maintenant pour notre ami IE ...
Dans IE, l'élément génère la barre de défilement verticale sans faire croître l'élément conteneur. Pour "résoudre" cela, une barre de défilement horizontale est créée.
C'est nul. Et je ne veux pas que ça suce ...

Des idées?

--EDIT--
Je trouve que la ligne

overflow-x: hidden; 

forces IE ignorer la barre de défilement horizontale. C'est mieux .. mais pas tout à fait là car maintenant une partie de ma table est invisble.

Answer 1

Attention.

overflow-x 

n'est pas l'attribut le plus largement supporté.

J'ai tendance à aller avec un contenant div avec un peu de rembourrage droite:

CSS:

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

EDIT: Vous aurez besoin d'ajouter une hauteur attribuer quelque part pour que cela fonctionne! J'ai généralement un ensemble par défaut dans la déclaration de div.scroll puis ajuster cela pour des cas spécifiques (la plupart). HTML:

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