Discussion :

[noftal]

Bonjour,
Lorsque je cherche à imprimer (aperçu avant impression) un article de mon blog assez long, seule la première page s'affiche, suivi de 4 pages blanches. Je suppose que les 5 pages correspondent à la longueur de mon article mais seule la première page est remplie et imprimée.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
@media print {
	#sidebar {display: none; }
	#footer {display: none;}
	#blog_content {float: none;}
	#comments { display: none; }
}

Le site est visualisable ici :
http://tinyurl.com/mls6gzv

Bonus: si qqun peut aussi me dire comment élargir le blog_content pour qu'il occupe aussi la place laissée par la sidebar latéral, je suis preneur. Mais là, j'avoue n'avoir peut-être pas encore assez cherché.

[NoSmoking]

Bonjour,
il te faut également gérer le CSS de #blog_content en supprimant/modifiant les propriétés suivantes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
float: left;
width: 75%;

[noftal]

Merci de ta réponse. Je suppose qu'elle a pour vocation à régler le 2ème pb concernant la largeur du blog_content à l'impression.
Le float: left est déjà remplacé par float: none dans le @media print
Reste à modifier le width.
J'ai donc modifié le code ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
@media print {
	#sidebar {display: none; }
	#footer {display: none;}
	#blog_content {float: none; width: 100%;}
	#comments { display: none; }
}

Mais comme tu le verras en testant le lien, cela ne change rien à l'affaire. En fait j'avais déjà tenté ce code avant.

[NoSmoking]

Zappé la réponse

essaies en ajoutant sur le conteneur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
@media print{
    #container{
        overflow:visible;  /* restaure l'overflow */
    }
}