2011-12-13 16 views
6

Cuando imprimo una página con un cuadro de lista de IE, el contenido fluye de ower. Esto solo ocurre en IE y solo es la impresión real, la vista previa de impresión se ve bien.Listbox owerflows al imprimir desde IE

Aquí está un ejemplo de código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head><title></title></head> 
    <body> 
     <form name="form1" method="post" action="/IePrintTest.aspx" id="form1"> 
      <select size="4" name="Listbox" id="Listbox"> 
       <option value="item1">item1</option> 
       <option value="item2">item2</option> 
       <option value="item3">item3</option> 
       <option value="item4">item4</option> 
       <option value="item5">item5</option> 
       <option value="item6">item6</option> 
       <option value="item7">item7</option> 
       <option value="item8">item8</option> 
       <option value="item9">item9</option> 
       <option value="item10">item10</option> 
       <option value="item11">item11</option> 
       <option value="item12">item12</option> 
       <option value="item13">item13</option> 
       <option value="item14">item14</option> 
       <option value="item15">item15</option> 
       <option value="item16">item16</option> 
       <option value="item17">item17</option> 
      </select>  
     </form> 
    </body> 
</html> 

Esto hace muy bien, pero si trato de imprimir esto desde es decir, se vería así:

Image of print

¿Alguien sabe cómo arregla esto. Gracias!

+0

Nunca he visto algo así. ¿Tiene algún estilo definido para el elemento de selección? – RoToRa

+0

No, no hay un estilo definido para el elemento de selección. – Henrik

+0

que versión de IE estás usando? Copié el marcado arriba y lo probé en IE9 - se ve bien. ¿Estás usando algún modo de compatibilidad? – andersand

Respuesta

2

Parece que cuando se imprime desde IE y el atributo size se aplica a select, el navegador establece una altura fija y no aplica el desbordamiento. No tengo la oportunidad de probar en IE porque estoy usando Ubuntu, pero ¿puedes intentar agregar un style="overflow: hidden;" a tu elemento select? Si no funciona y eliminar el atributo size es una opción, inténtalo también.

+0

Añadiendo style = "overflow: hidden" no tiene ningún efecto. Si elimino el atributo de tamaño, se representará como un menú desplegable, que no es una opción. – Henrik

1

¿Cómo es el caso de uso para esta página web? Si está bien hacer que el usuario haga clic primero en un botón para abrir una página de impresión, podría servir una versión imprimible del contenido en modo peculiar haciendo que el servidor de comandos agregue condicionalmente el DOCTYPE.

+0

Hay un botón de impresión en la página, y lo que está sugiriendo es una opción. Pero me gustaría que el usuario pueda usar la funcionalidad de impresión en el navegador. – Henrik

Cuestiones relacionadas