FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Buscar | Temas de Hoy | Marcar Foros Como Leídos |
|
Herramientas | Buscar en Tema | Desplegado |
#1
|
||||
|
||||
Impresión de imagenes de fondo
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> 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 |
#2
|
|||
|
|||
Hola
prueba a añadir al estilo del body lo siguiente: Código:
.body { padding:0px; border:0px; margin:0px; ... } |
#3
|
||||
|
||||
Gracias. No parece cambiar nada
// Saludos |
#4
|
||||
|
||||
Hola,
Cuando dices que la imagen se imprime pequeña en Firefox... ¿se imprime más pequeña que los 32 píxeles que indicas? No sé... Prueba con algo así Román: Código:
body { background-position: top left; } Código:
@media print { body { background-position: 1in 1in; } } Actualización: Prueba también con algo así Román: Código:
position: absolute; Código:
background-attachment: fixed; Última edición por dec fecha: 26-10-2006 a las 23:40:13. |
#5
|
||||
|
||||
Los 32 pixeles no influyen, son el margen para pantalla. Pensando en que de alguna manera influyesen, los acabo de quitar y sucede lo mismo. También he pensado que pueda deberse a un problema con la impresora en específica pero si veo directamente la imagen con FF, sí la imprime bien.
En cuanto a lo de top left, pues si pongo eso, la imagen se coloca a distancia 0, y en FF significa que no se ve por que queda fuera de los margenes de impresión. // Saludos |
#6
|
||||
|
||||
Hola,
Hum... el margen para el cuerpo del documento (que creo que es el "marco" para la página Web) puedes establecerlo con "margin", es decir: Código:
margin: 32px 0px 0px 32px; Código:
margin-top: 32px; margin-left: 32px; Echa un vistazo a este artículo de Minid.net: Reglas especiales para IE7 que creo que vale también para versiones anteriores de Internet Explorer y acaso pueda servirte de algo Román. Edito: Creo que lo dicho para el margen del documento... o sea, lo que digo más arriba... puede que no tenga que ver, ahora que lo pienso mejor... |
#7
|
||||
|
||||
Bueno, margin parece no afectar la posición de una imagen de fondo. Lo del punto lo había probado pero al no ver cambios pensé que era una errata y que lo importante era lo del margin, padding etc. Ahora lo he vuelto a probar con más calma pero lo mismo, no parece funcionar. Lo que sí ha funcionado es anteponer el guión bajo a la propiedad background-position:
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_cele.png); background-position: 32px 32px; background-repeat: no-repeat; background-attachment: fixed; } @media print { body { background-position: 1in 1in; _background-position: 0in 0in; height: 200px; border: 1px solid red; } } </style> </head> <body> </body> </html> Gracias por la ayuda // Saludos |
Herramientas | Buscar en Tema |
Desplegado | |
|
|
Temas Similares | ||||
Tema | Autor | Foro | Respuestas | Último mensaje |
imágenes de fondo para una aplicación | rls | Varios | 3 | 16-11-2005 22:56:24 |
Fondo y Protector | dunia_lv | Redes | 1 | 15-07-2005 16:21:13 |
Imagen de Fondo | lucasarts_18 | Gráficos | 7 | 16-06-2005 17:03:04 |
Fondo de escritorio | Tonio | Varios | 4 | 13-11-2003 22:58:38 |
Fondo de pantalla | hackgenius | Varios | 14 | 08-05-2003 20:59:53 |
|