CSS - PRINT formulario

Hola.

Estoy intentando imprimir un formulario en papel.

Para ello he habilitado un botón que llama por JavaScript al método correspondiente y lo hace bien, pero el problema es que no sé como hacer para que imprima todo este contenido:



Como parece lógico, el papel es más pequeño y reduce la página imprimible a:



Me gustaría saber cómo puedo hacer para comprimir el contenido y poder imprimirlo todo tal y como puse en la primera imagen.

El formulario lo pongo aquí:

http://oyg.esy.es/

MUCHAS GRACIAS POR VUESTRA AYUDA

PD.: También he tocado reglas del tipo @media print y @page pero sin éxito

Hola Javi, tu mismo has probado como hacerlo... lo que tienes que hacer, es por estilos, disminuir el tamaño de los inputs y de las fuentes para que te quepa en un papel...

Si por ejemplo, tienes este estilo:

En el @media print

I ir definiendo así todos los tamaños para que te quepa en en papel...

Coméntanos, ok?

No.
No ha funcionado.

Gracias

Las reglas CSS de la versión para imprimir se aplican solamente al medio print. Por lo tanto, en primer lugar se crea una nueva hoja de estilos y al enlazarla se especifica que sólo debe aplicarse en las impresoras:


cuando se imprime una página se aplican los mismos estilos que se aplican al visualizarla en la pantalla.

Debes seguir una serie de pasos:

1) Ocultar los elementos que no se van a imprimir:


2) Corregir la estructura de la página:



3) Modificar los colores y tipos de letra:



Espero te sirva