Tema: Media print
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/04/2011, 17:19
djkire
 
Fecha de Ingreso: agosto-2009
Mensajes: 96
Antigüedad: 12 años, 3 meses
Puntos: 1
Pregunta Media print

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.