Hacer Pregunta

Conecta

1voto

IE8 no toma print.css

preguntó
Web
1440 Vistas
3 Respuestas
solucionada

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.

por asdenis (620 puntos) en Web
editado por

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!

por Leonardo-Tadei (227.320 puntos)
seleccionada por

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?

por asdenis (620 puntos)
editado por

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!

por Leonardo-Tadei (227.320 puntos)

0voto

Peter comentado

Ya la movi a comentario :)

por Peter (150.480 puntos)

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]-->
por soulchainer (320 puntos)

0voto

asdenis comentado

ok, lo pruebo y comento...

por asdenis (620 puntos)

0voto

richardmx_ comentado

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

por richardmx_ (350 puntos)

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

por Leonardo-Tadei (227.320 puntos)

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.

por asdenis (620 puntos)

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!

por Leonardo-Tadei (227.320 puntos)

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 asdenis (620 puntos)

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

Otras Preguntas y Respuestas


Sin Respuesta

Preguntas relacionadas

Actividad Reciente

Ultimas Preguntas

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

...

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

Etiquetas

Categorías

Conecta