Imprimir una div

[lauramiracle]

Hola, estoy haciendo una pagina de noticias, y lo que quiero es imprimir slo un contenido que se encuentra dentro de una div....
He visto que se utiliza algo como esto:


* {display:none}
body, #impre {display:block}

Pero no lo entiendo...

[kseso?]

Lo que tienes que hacer es una segunda hoja de estilos (por ejemplo "imprimir.css") y llamarla en tu página:

<link rel="stylesheet" type="text/css" media="print" href="ruta/imprimir.css" />

En ella, defines todos los elementos como "display:none", excepto el div que quieres imprimir.

O si prefieres colocar los estilos en el head diréctamente, colocarlos dentro de:

@media print {
/* Estilos específicos para imprimir */
}

Puedes también definir propiedades/valores propios de los medios paginados, tales como márgenes de la hoja, orientación... etc

Un saludo

[cristian_cena]

GUAAAAU! ese link es IM PRE SIO NAN TE.
Desconocía la POTENCIA de css y reconozco que cada vez que parezco avanzar más en realidad sé menos.

Infinitamente gracias kseso?

[lauramiracle]

Iniciado por kseso?

Lo que tienes que hacer es una segunda hoja de estilos (por ejemplo "imprimir.css") y llamarla en tu página:
En ella, defines todos los elementos como "display:none", excepto el div que quieres imprimir.

O si prefieres colocar los estilos en el head diréctamente, colocarlos dentro de:


Puedes también definir propiedades/valores propios de los medios paginados, tales como márgenes de la hoja, orientación... etc

Un saludo

Mil gracias!, lo he probado y funciona...
Ahora mi problema es que necesito que se imprima desde un boton.

Lo estoy haciendo, llamando a una funcion de javascript:

function imprimir()
{
window.print();
}

y me da un error:
El objeto no acepta esta propiedad o metodo.

Que estoy haciendo mal?
Como podría hacer un boton?

Otra cosa es que el contenido de la noticia se encuentra dentro de un scroll...como podría imprimir el contenido entero de la div?

[kseso?]

Si en una caja te aparece el scroll, es porque tendrás definida su altura y "overflow:auto".
Pues retomando mi archivo ejemplo "imprimir.css", en ese css retiras la altura con lo que crecerá en función del contenido y se debería imprimir todo su contenido.
Recuerda que para la impresión debes "cambiar tu chip" y no pensar y diseñar para una pantalla, sino pensando en un folio (a-4 lo más usual), suprimiendo (display:none) aquellos elementos innecesarios (como menús de navegación, o fondos de colores y colores de texto con sus respectivas propiedades) y distribuir los contenidos de acuerdo al a-4 y a que es un medio físico (papel) y las costumbres de lectura.
Nunca tuve necesidad de hacerlo, pero creo que irán por ahí los tiros.

Sobre el window.print tendrás que esperar a algún sabio en la materia, o mejor aun, hacer consulta nueva en el subforo correspondiente.

Un saludo

[lauramiracle]

Gracias, por tu ayuda!
Seguiré preguntando lo del boton...