Impression d'une div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Impression d'une div

4bis

Bonjour à tous,

Sur un site Internet, j'ai une div dans laquelle il y a un scrollbar (cette div est inclue dans plusieurs autres div).

Lors de l'impression, je n'ai pas tout le contenu de la div, mais seulement ce que l'on voit à l'écran (l'impression fait un imprim ecran). Comment faire pour imprimer la div en entier, meme ce qui est plus bas dans la page et qui est atteignable à l'écran par la scrollbar.

Merci d'avance

Publicité

Chaos Intestinal

Je suppose que le div s'est vu doter d'une barre de défilement via une feuille de style ?
Il faut créer une feuille de style pour l'impression, dans laquelle tu désactives cette barre de défilement.

CF: http://forum.hardware.fr/hfr/Progr [...] 8725_1.htm

4bis

Ah d'accord, merci, je vais la désactiver

4bis

Sous ie, ca fonctionne parfaitement (pour une fois), seulement, sur firefox, lors de l'impression, la div, avec l'overflow désactivé, se met au dessus des div suivantes.

Y'a pas un moyen d'enlever ce problème ?

Message cité 1 fois

gatsu35

Blablaté par Harko

4bis a écrit :

Sous ie, ca fonctionne parfaitement (pour une fois), seulement, sur firefox, lors de l'impression, la div, avec l'overflow désactivé, se met au dessus des div suivantes.

Y'a pas un moyen d'enlever ce problème ?

tu mets aussi un height:auto sur cette div.

Je preconise quelque chose de simple :

en admettant que cette div a un id "pouet"

en html :

Code :

<div id="pouet"></div>

en CSS :

Code :

#pouet {height:300px; overflow:auto}

maintenant lorsque tu veux imprimer, il faut desactiver tout ca. solution simple :

Code :

function IwantToPrintAllMyStuff() {
document.body.className+="print"; //on rajoute une classe CSS au body;
window.print();
document.body.className=document.body.className.replace(/\bprint\b/,"" ); //on supprime la classe CSS du body;
}

en CSS

Code :

.print #pouet {
height:auto;
overflow:visible;
}

La technique consiste à ajouter une classe CSS qui fait ton travail, pas besoin de faire plus de grigri. J'utilise souvent cette méthode pour faire disparaitre un paquet d'éléments

Message édité par gatsu35 le 29-11-2006 à 15:41:48

FORUM HardWare.fr

Programmation

HTML/CSS

Impression d'une div

Sujets relatifs
Impression et mages	Lancement d'impression côté serveur
un script pour automatiser l'impression de .pdf ?	Impression de fichiers à partir de page web
Problème impression	Impression d'un TStringGrid
interdir l'impression d'une page HTML ? possible ??	[CSS]J'ai l'impression de faire de la magie noire là...
Problème d'impression de page web	Impression du contenu d'une page web en C#
Plus de sujets relatifs à : Impression d'une div

Page générée en 0.048 secondes