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"> </td>
<td width="200"> </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"> </td>
</tr>
<tr>
<td style="background-image:url(IMAGENES/BACKGROUND_PEDIDOS.gif);"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
</table>
</div>
</body>
</html> El caso es que no me funciona de ninguna de las dos formas.
Gracias.