Gestion de l'impression avec les feuilles de styles CSS
Créer 2 feuilles de styles. Une principale pour le site normale. Une spécifique pour l'impression.
Dans la feuille de style spécifique à l'impression, utiliser la propriété display: none; pour cacher les éléments (div) non désirés comme le menu, le footer, ...
#footer {
display:none ;
}
Utiliser ensuite le type de media print pour spécifier la feuille de style à utiliser lors de l'impression dans la section head de la page html.
<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
En savoir plus: display: none
Cette valeur fait qu'aucune boîte n'est générée par l'élément dans la structure de formatage (c.à.d., cet élément n'a pas d'influence sur la mise en forme du document). Les éléments qui en descendent ne génèrent pas de boîtes non plus ; on ne peut plus modifier leur comportement avec la propriété 'display'.
Noter qu'une valeur 'none' ne crée pas de boîte invisible, elle ne crée pas de boîte du tout. CSS comprend des mécanismes permettant la génération de boîtes dans la structure de formatage, boîtes qui influencent la mise en forme mais qui ne sont pas visibles. Pour ce faire, il faut utiliser la propriété visibility: hidden;