entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

IE8 no toma print.css

Hola, el problema es que a la hora de imprimir en ie8, es como si nunca tomara el css para imprimir, en los demas navegadores (ie9,ie10,ie11, chrome, firefox) funciona perfecto que puede ser?

<meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <meta charset="UTF-8">
    <title>Test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="print.css" type="text/css" media="print" >

dentro de print.css, pongo body en display: none, y no hace nada.

3 Respuestas

1voto

Leonardo-Tadei Puntos227320

Hola Adrián,

además de tener definido el media=print en el CSS print.css, definí las otras dos hojas de estilo para que sea media=screen

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.css" media="screen" />
    <link rel="stylesheet" href="css/style.css" media="screen" />
    <link rel="stylesheet" href="print.css" type="text/css" media="print" />

Sin definir los "media" el IE8 y otros asumen que son para media=all

Saludos!

0voto

asdenis comentado

Ya los deje asi:

<link rel="stylesheet" href="css/bootstrap.css" media="screen">
<link rel="stylesheet" href="css/theme.bootstrap.css" media="screen">
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.3.custom.css" media="screen">
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/print.css" media="print">

y sigue igual. Hice algunas pruebas y lo que no reconoce son las etiquetas de html5 como header, footer, etc.
Hay alguna manera de arreglar eso sin tener que poner a todo lo que no reconoce una clase o id?

0voto

Leonardo-Tadei comentado

Hola Adrian,

es mejor que comentes la respuesta a la pregunta original que poner una respuesta nueva, ya que así se puede seguir mejor el hilo del asunto, y además se envía una notificación por e-mail al autor de la respuesta.

Esto además mejora la calidad de ED, porque en esta pregunta aparecerá una respuesta más de las que realmente hay, etc.

Saludos!

0voto

Peter comentado

Ya la movi a comentario :)

1voto

soulchainer Puntos320

La respuesta a tu última pregunta @adriansdenis, si te he entendido bien, suele ser usar https://code.google.com/p/html5shiv/ , que es precisamente un script para habilitar el uso de etiquetas html5 en ie < 9.
Te lo explica perfectamente ahí lo que has de hacer.
Bajar el script y usar en el head de tu html:

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

0voto

asdenis comentado

ok, lo pruebo y comento...

0voto

richardmx_ comentado

+1. Esa pequeña librería es lo que necesitas.

0voto

Leonardo-Tadei Puntos227320

Adrian,

era imposible adivinar que estabas escribiendo HTML5 para IE8...

Otra solución, además de la de Juan, es modernizr.js modernizr.com

Saludos

0voto

asdenis comentado

si tenes razon, me olvide ese pequeño detalle jaja. A modernizr ya lo uso, pero como corre bajo una intranet tal vez por eso no lo tome.

0voto

Leonardo-Tadei comentado

Es indistinto que el sitio esté en la web, en un servidor local, o en la propia computadora: modernizr.js hará los cambios para que IE8y anteriores puedan interpretar etiquetas nuevas, en vez de pasarlas por alto.

Saludos!

0voto

asdenis comentado

<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/grids.js"></script>
<script src="js/jquery.tablesorter.min.js"></script>
<script src="js/jquery.tablesorter.widgets.min.js"></script>
<script src="js/jquery.tablesorter.pager.js"></script>
<script src="js/jqueryui.js"></script>
<script src="js/raphael.js"></script> 
<script src="js/g.raphael.js"></script> 
<script src="js/g.pie.js"></script> 
<script src="js/modernizr.js"></script>
<script src="js/PIE_IE678.js"></script>
<script src="js/PIE_IE9.js"></script>
<script src='js/jquery.autosize.min.js'></script>
<script src="js/main.js"></script>

estas son todas las librerias que le he colocado, tal vez halla alguna que no permita que funcione el modernizr. La visualizacion de la web esta bien pero a la hora de imprimir es como si no existiera css

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta