Media print

djkire · #1 (**permalink**) 14/04/2011, 17:19

Hola compañeros tengo un problema en el tema de imprimir tablas con background-color o image.

El codigo es el siguiente:

Código:

@media print {

#primera {
	position:absolute;
	width:409px;
	height:25px;
	z-index:1;
	left: 432px;
	top: 41px;
	background-image:url(IMAGENES/BACKGROUND_PEDIDOS.gif);
}
#apDiv2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 27px;
	top: 65px;
}
}
@media all {

#primera {
	position:absolute;
	width:409px;
	height:25px;
	z-index:1;
	left: 432px;
	top: 41px;
	background-image:url(IMAGENES/BACKGROUND_PEDIDOS.gif);
}
#apDiv2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 27px;
	top: 65px;
	color:#000;
}
}

Código HTML:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilos_impresion.css" rel="stylesheet" type="text/css" media="print"> 
<link href="estilos_impresion.css" rel="stylesheet" type="text/css" media="all"> 
</head>

<body>

<div id="primera" >
<table width="407" border="0">
  <tr>
    <td width="200" height="20">&nbsp;</td>
    <td width="200">&nbsp;</td>
  </tr>
</table>
</div>
<div id="apDiv2">
<table width="812" height="195" border="5" cellpadding="0" cellspacing="0">
  <tr>
    <td height="60" colspan="2"  cellpadding="0" cellspacing="0">
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td style="background-image:url(IMAGENES/BACKGROUND_PEDIDOS.gif);">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="4">&nbsp;</td>
  </tr>
    <tr>
    <td colspan="4">&nbsp;</td>
  </tr>
    <tr>
    <td colspan="4">&nbsp;</td>
  </tr>
    <tr>
    <td colspan="4">&nbsp;</td>
  </tr>
    <tr>
    <td colspan="4">&nbsp;</td>
  </tr>
</table>
</div>
</body>
</html>

El caso es que no me funciona de ninguna de las dos formas.

Gracias.

laratik · #2 (**permalink**) 14/04/2011, 17:34

creo que eso depende de la configuración de cada navegador, la lectura de este post te puede ayudar.

djkire · #3 (**permalink**) 15/04/2011, 08:58

A ver eso ya lo estuve mirando y configure mi navegador y lo e probado en varios navegadores y tampoco.

Hay otra solucion????

WTLEstudios · #4 (**permalink**) 15/04/2011, 19:31

Cita:

Iniciado por djkire

A ver eso ya lo estuve mirando y configure mi navegador y lo e probado en varios navegadores y tampoco.

Hay otra solucion????

Hola djkire!

Haciendo pruebas con tu código me ha funcionado perfectamente.

Verifica que tu archivo css está en la misma ruta de tu html.

Escribe a ver que tal

djkire · #5 (**permalink**) 17/04/2011, 18:42

A mi me lo muestra perfectamente en pantalla pero una vez impreso en el pdf creator no me funciona.

Tu lo imprimiste a una impresora fisica???O como lo hiziste??

Gracias.