Foros del Web » Creando para Internet » CSS »

despues de imprimir pierde estabilidad mi menu

Estas en el tema de despues de imprimir pierde estabilidad mi menu en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/06/2011, 20:51
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 384
Antigüedad: 8 años, 6 meses
Puntos: 43
despues de imprimir pierde estabilidad mi menu

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
  #2 (permalink)  
Antiguo 13/06/2011, 01:15
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: despues de imprimir pierde estabilidad mi menu

Tenés una URL para mostrar?

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 13/06/2011, 09:53
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 384
Antigüedad: 8 años, 6 meses
Puntos: 43
Respuesta: despues de imprimir pierde estabilidad mi menu

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.

Última edición por chicohot20; 13/06/2011 a las 10:18
  #4 (permalink)  
Antiguo 13/06/2011, 11:26
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: despues de imprimir pierde estabilidad mi menu

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 13/06/2011, 13:13
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 384
Antigüedad: 8 años, 6 meses
Puntos: 43
Respuesta: despues de imprimir pierde estabilidad mi menu

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:
Ver original
  1. html{
  2.     margin: 0px;
  3.     height: 100%;
  4. }
  5. body{
  6.     margin: 0px;
  7.     height: 100%;
  8. }
  9. #body, #menu{
  10.     display: none;
  11. }
  12. #iframeoculto{
  13.     width: 1000px;
  14.     height: 1000px;
  15.     border: 0px;   
  16. }
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:
Ver original
  1. #iframeoculto{
  2.     width: 100%;
  3.     height: 100%;
  4.     border: 0px;   
  5. }

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.
  #6 (permalink)  
Antiguo 13/06/2011, 15:40
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: despues de imprimir pierde estabilidad mi menu

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: estabilidad, pierde
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:09.