Tengo un div principal con una clase llamada contenedor que contiene los otros divs dentro de él con sus respectivos estilos css, como espacios y posiciones de elementos. Quiero que se imprima el contenido dentro del contenedor div . Estoy usando javascript para eso. Sin embargo, cuando hago clic en el botón, el contenido de la vista previa se vuelve completamente simple y no tiene un estilo específico. Quiero que el contenido se imprima exactamente de la forma en que se muestra con todos sus estilos respectivos.

abajo están los códigos.

El nombre del archivo css es doc.css

doc.html este es el contenedor y los divs dentro de él.

 <div class="container" id="content"> <div class="ttle"> <p></p> </div> <div class= "body"> <p></p> </div> . . . </div>

JavaScript

 function printable(paravalue){ var backup = document.body.innerHTML; var divcontent = document.getElementById(paravalue).innerHTML; document.body.innerHTML = divcontent; window.print(); document.body.innerHTML = backup; }

Sugiérame cómo puedo imprimir los contenidos exactamente de la forma en que se muestran con todos los estilos css de sus respectivos divs.