despues de imprimir pierde estabilidad mi menu

[chicohot20]

Buenas Noches.

Tengo dos hojas de estilo, una para la vista normal en pantalla y la otra para la vista en impresión(media="print") y en el documento tengo un menu horizontal y un iframe. Con la 2da hoja de estilo(media="print") logro imprimir solo el contenido del iframe y funciona a la perfeccion en todo los navegadores. Pero despues de imprimir con exito el documento los items de mi menu cambian de posicion, como si les faltara espacio.

A alguien le pasó esto?

Estoy trabajando en el navegador Opera.

Gracias

[emprear]

Tenés una URL para mostrar?

Saludos

[chicohot20]

No puedo mostrarlo online. Te paso las capturas de pantalla:

http://www.cesarv.com/antes.jpg

Despues de imprimir todo correctamente le doy click en cualquier boton del menu superior y pasa esto: http://www.cesarv.com/despues.jpg

PD. La pagina no se refresca ni hay un script que intervenga.
Cuando cancelo la impresion, el menu no sale afectado.

Gracias.

[emprear]

chicohot20:


Sin ver el código generado y los css se hace dificil, convengamos en que no es una tabla sencilla.

de las imágenes puedo hacerte algunas observaciones, obviamente la tabla impresa no tiene un ancho del 100%, que desaparece la información de los registros, que el menú , si está hecho con una lista <ul>, parecería perder el float de los <li>, y fijate que en la segunda captura aparece un sospechoso pequeño círculo, entre opciones y la tabla.

Esto decis lo haces con Opera,con el resto de los navegadores, pasa lo mismo? me refiero si a si al volver de impresion la tabla y menu se deforman, ya comentaste que la impresión sale bien en todos los navegadores.

intentaste usar algo como esto
<STYLE type="text/css">
@media print {
BODY {font-size: 10pt; line-height: 120%; background: white;}
}
@media screen {
BODY {font-size: medium; line-height: 1em; background: silver;}
}
</STYLE>
en lugar de llamar a 2 hojas deiferentes por <link rel stylesheet...

Cuando volves de imprimir y la página se descuadra, si recargás, se corrige, o se sigue viendo mal?

Si no podés publicar la página, podrías ver el código fuente generado del html, el normal, y el que se ve con errores, y pasarlo. Asi como tambien los css

No se me ocurre mucho más, porque repito, el problema no lo tenes en la "impresion" como le sucede a muchos, si no que en la vista de pantalla, que se supone debería seguir respetando el media=screen

Saludos

[chicohot20]

Subí una imagen para que se entienda lo que pretendo hacer: http://www.cesarv.com/iframe.jpg

En mi aplicación hay iframes dentro de otros iframes.
Cuando selecciono una factura se carga el contenido de éste en el IFRAME OCULTO (listo para imprimir). A la hora de imprimir solo es visible el IFRAME OCULTO, lo demás lo oculto con CSS.

Este es el estilo que estaba usando, a modo de prueba:

Código CSS:

html{
    margin: 0px;
    height: 100%;
}
body{
    margin: 0px;
    height: 100%;
}
#body, #menu{
    display: none;
}
#iframeoculto{
    width: 1000px;
    height: 1000px;
    border: 0px;    
}
 

Como les comenté, logré imprimir solo el contenido del IFRAME OCULTO. Pero despues viene el problema ya mencionado. Para solucionarlo revisé linea por linea mi CSS y el problema está en las propiedades de #iframeoculto, cambié las unidades de width y height a %:

Código CSS:

#iframeoculto{
    width: 100%;
    height: 100%;
    border: 0px;    
}
 

y se solucionó, el menú ya es estable. Pero ahora en la VISTA PRELIMINAR de mi navegador no aparece nada, es decir me imprime en blanco.


PD. El problema solo se presenta en Opera, en IE si es estable.

Gracias.

[emprear]

Supongo que eso pasa porque el navegador toma los estilos de la página contenedora, y no del iframe.
No sé, sinceramente habria que verla funcionar. Y ver la forma de reemplazar los iframes por otro sistema, Ajax, o divs que esten ocultas y se muestren a la hora de procesar.

Saludos