que - overflow en html css
¿Las barras de desplazamiento se muestran en la página impresa en IE9? (4)
Tengo un problema con IE9 que muestra barras de desplazamiento horizontales en una página impresa, aunque el contenido de la página se ajusta por completo. He intentado varias cosas para eliminarlos en mi css de impresión. ¿Alguien más ha tenido este problema y ha encontrado una forma de evitarlo?
¿Estás seguro de que has configurado el tipo de medio de la hoja de estilo correcta? Me gusta:
<link rel="stylesheet" href="print.css" type="text/css" media="print" />`
Y pruebe lo siguiente en su print.css:
html, body { overflow-x: hidden; }
He tenido este problema varias veces con IE en el pasado. Por lo general, es un problema de margen. Los diferentes navegadores calculan los márgenes de forma diferente. ¿Cómo estás posicionando los elementos? ¿Tiene un contenedor de ancho fijo alrededor del contenido o el cuerpo se expande al ancho del navegador? Es realmente difícil identificar el problema sin el código CSS real.
Sugeriría quitar cualquier margen negativo que tenga (IE no le gusta esto), y verifique si tiene márgenes correctos en los elementos que son innecesarios.
Enfrenté el mismo problema. Es una solución divertida. Defina la propiedad de desbordamiento como importante. Funciona. LOL en IE.
overflow:hidden !important;
@media print{
.dont-print
{
overflow:hidden;
}
}
dont-print es solo un nombre de clase que he usado antes, lo cambié a lo que sea que necesites