Hola,
Tengo la siguiente página:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title> Prueba - Logo </title>
<style type='text/css'>
body
{
background-image: url(logo.png);
background-position: 32px 32px;
background-repeat: no-repeat;
background-attachment: fixed;
}
@media print
{
body
{
background-position: 1in 1in;
}
}
</style>
</head>
<body>
</body>
</html>
Es decir, una página en blanco con un logo en la esquina superior izquierda.
Para impresión, el logo se situa a una pulgada de los bordes. ¿Qué bordes? Esta es la cuestión. En FireFox parece que la distancia se mide desde el borde de la página mientras que en Internet Explorer se hace desde el margen (especificado en la configuración de página).
El caso es entonces que no puedo situar el logo de manera que se vea igual si lo imprimo desde uno u otro navegador.
¿Cómo podría definir estilos dependiendo de si es FF o IE?
Por otra parte pero relacionado con esto (creo), en FireFox la imagen se imprime en versión reducida (muy reducida) en lugardel tamaño natural. ¿Saben a qué pueda deberse?
// Gracias