Este problema de IMO está más relacionado con CSS pero estoy abierto a cualquier solución. Estoy intentando imprimir una página web cuya altura está definida en px (también probé%). Ahora, lo que está sucediendo en Safari e IE 8 y en adelante, el contenido de la página no se imprimirá en una sola página.

Configuración actual

div.parent-container{  
    height: 900px;  
}  

div.parent-container div.child-containers{  
    height:100%;  
} 

Qué esta pasando

Imprimirá todo en una página en FF pero en IE y los contenidos de Safari se dividirán en dos páginas, lo que es un gran problema para mis usuarios. Tengo que decirles que establezcan márgenes de página: 0.3, lo que definitivamente no es una forma eficiente.

Que he hecho

He intentado diferentes hacks de @ page y navegador para que funcione, pero no ha resultado ser fructífero O no me parece eficiente (nunca he sido un fanático de los hacks de navegador personalizados).

Lo que quiero

La solución CSS / JS para hacer que los contenidos de la página se impriman en una página puede ser algo así como 'Encoger para ajustar'.

Gracias Rahi