Imprimer le contenu d'une DIV

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Imprimer le contenu d'une DIV

Bounty59

Bonjour,

Malgré mes recherches sur le net, et la création d'une feuille de style CSS print.css, je ne parviens pas à imprimer le contenu d'un div.

Je m'explique...
J'ai une page, composée de 3 DIV :

---------------------------
| DIV_BANNIERE |
---------------------------
| DIV_MENU |
---------------------------
| DIV_TABLEAU |
| |
| |
---------------------------

Je souhaite imprimer uniquement le contenu du tableau, mais la hauteur du DIV correspondant est fixe : une scrollbar permet d'afficher la suite du texte.

J'ai créé un fichier print.css, contenant ceci :

Code :

/* début de la Partie a ne PAS imprimer */
#menu{
display:none;
}
#banniere{
display:none;
}
/* fin de la Partie a ne PAS imprimer */
/* début de la Partie a imprimer */
#tableau{
background-color:#FFFFFF;
display:block;
clip:auto;
overflow:visible;
}
/* fin de la Partie a imprimer */

J'ai donc ajouté la ligne suivante, dans ma page HTML :

Code :

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

Enfin, la procédure d'impression doit être lancée lors du clic sur un bouton "Imprimer" figurant dans le menu :

Code :

<input type = 'button' style='width: 200px;' value = 'Imprimer le tableau actuel' onclick="javascript:window.print()"/>

Mais l'impression ne fonctionne pas, la page entière s'imprime (bannière, menu et tableau).
D'autre part, seule la partie du tableau visible sur la page est imprimée.

Grand merci par avance à ceux qui prendront le temps de m'aider,
Alex

Publicité

Saint_Andromede

Bonjour,

le fait que tu utilises la fonction print() en passant par window imprime toute la page ouverte dans ton navigateur.

Je recherche la même chose que toi. J'ai essayé plusieurs choses mais à chaque fois ... c'est en vain.

Si quelqu'un a une idée?

anapajari

s/travail/glanding on hfr/gs;

j'imagine que tu as un autre css non print, ne l'aurais tu pas déclaré en media all?

Message édité par anapajari le 13-09-2007 à 14:04:21

leflos5

On est ou on est pas :)

Parce qu'il suffit de déclarer ce que tu veux en cachant ce que tu veux pas pour l'impression :spamafote:

FORUM HardWare.fr

Programmation

HTML/CSS

Imprimer le contenu d'une DIV

Sujets relatifs
Tableau dans un div qui permet de scroller le contenu, pas l'en-tête.	[JAVA] Imprimer un fichier texte
[JS] Problème de DIV	Retour arrière sur un formulaire sans effacer le contenu.
[RESOLU] Afficher / Masquer des DIV	Problème de DIV lors de la réduction
Afficher le contenu d'un .txt dans un TMemo	[ASP] inserer contenu html dans une page asp
Comparer le contenu d'un messagbox??????	Imprimer le contenu d'une balise DIV avec presence d'une scrollbar
Plus de sujets relatifs à : Imprimer le contenu d'une DIV

Page générée en 0.027 secondes