2012-06-27 10 views
13

He encontrado un problema extraño con la barra de desplazamiento vertical en IE9 cuando uso un div con una posición fija y desbordamiento: auto establecido en el div.Problemas con la barra de desplazamiento en IE9, posición: fijo, desbordamiento: auto

Vea el caso aquí usando IE9 y reduzca la altura de la ventana a un tamaño pequeño.

http://bytiger.com/add/ie9_div_test.html

puedo confirmar que esto no se produce en IE8.

¿Alguien sabe un truco razonable alrededor de esto? Intenté establecer el ancho del ancho de la ventana, pero parece que resta un ancho de barra de desplazamiento del tamaño del div. Me gustaría ver si hay una solución que no tenga que calcular esta constante o codificarla y volver a agregarla al ancho calculado.

¡Salud!

EDITAR: Jsfiddle no parece presentar el problema ... por lo que puede ser una gran pista de lo que podría estar pasando.

http://jsfiddle.net/dvAKW/

+0

No estoy seguro de si esto solucionará su problema, pero en IE9 debe necesitar unidades mientras sea posible. Si se omite la unidad, IE9 ignora la regla. Usted tiene muchas reglas sin unidades en su css (incluyendo main/common.css). – Teemu

Respuesta

21

parece que IE9 no maneja correctamente la propiedad box-sizing - cambiándolo de "frontera-box" para "el contenido de la caja" o dejarlo en blanco va a arreglar el problema.

+0

gracias. ¡funcionó! –

+0

IE9 parece ser el único que no le gusta el tamaño de caja con elementos absolutamente posicionados en elementos posicionados fijos. o alguna combinación de esos –

+3

Desafortunadamente, esta no es una solución aceptable. Establecer el tamaño del cuadro en el cuadro de contenido desafía el propósito, porque entonces no puede usar el ancho: 100% y espera que dimensione el elemento en consecuencia, teniendo en cuenta el relleno. – AsGoodAsItGets

Cuestiones relacionadas