css - personalizar - Internet Explorer crea una barra de desplazamiento horizontal para el ancho de la barra de desplazamiento vertical

ocultar scroll pero que funcione

Question

Un div que contiene una tabla tiene el siguiente estilo CSS:

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

Esto hace que cuando la tabla sea> 200px, una barra de desplazamiento aparezca solo para la tabla y los otros elementos permanezcan en la página. ¡Estupendo!

Ahora para nuestro amigo IE ...
En IE, el elemento engendra la barra de desplazamiento vertical sin aumentar el elemento que lo contiene. Para "resolver" esto, se crea una barra de desplazamiento horizontal.
Eso apesta. Y no quiero que sea una mierda ...

¿Algunas ideas?

--EDITAR--
Descubrí que la línea

overflow-x: hidden;

obliga al IE a ignorar la barra de desplazamiento horizontal. Esto es mejor ... pero no del todo porque ahora parte de mi mesa es invisible.

Answer 1

Cuidadoso.

overflow-x

no es el atributo más apoyado por ahí.

Tiendo a ir con un div que contiene algo de relleno derecho:

CSS:

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

EDITAR: ¡Necesitarás agregar un atributo de altura en algún lugar para que esto funcione! Normalmente tengo un conjunto predeterminado en la declaración div.scroll y luego modifico eso para casos específicos (la mayoría). HTML:

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