Tengo un bloque de código preformateado (<pre>) que se desborda horizontalmente por lo que hay una barra de desplazamiento horizontal para permitir que el usuario vea el contenido.Cómo evitar que las barras de desplazamiento se superpongan al contenido?
overflow: auto;
Sin embargo, en IE7 (tal vez otras versiones de IE), la barra de desplazamiento se solapa con la última línea de mi contenido (lo cual es especialmente irritante cuando sólo hay una línea de contenido).
He intentado la solución enumerada here, pero no funcionó.
La única solución que funciona es usar
overflow: scroll;
que añade una barra de desplazamiento a todos mis secciones formato previo que es horrible.
Nota: Funciona bien en Firefox 3 y Google Chrome.
actualización
he encontrado una solución (véase mi respuesta), pero si alguien encuentra una manera de no tener el relleno fea en cada sección con formato previo en IE7, eso sería perfecto.
podría colocar padding-bottom en un IE de sólo hoja de estilo; esta página considera '! ie7' un truco: http: // css-tricks.com/how-to-create-an-ie-only-stylesheet/ –