28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
j'ai fait une feuille de style print pour mon site perso.
Mon problème est que l'impression comporte deux pages alors que le contenu à imprimer tient sur une seule page (j'ai essayé de réduire aussi le contenu en pensant que j'étais à la limite).

La seconde page est blanche sauf en tête et pied de page avec le <title> et l'adresse.

est-il possible den'imprimer q'une seule page?
merci yan

la page à imprimer est la suivante:
http://recette-glace-sorbet.fr/page%20type%20recette.html

Mon CSS



q {quotes: none}
q:before, q:after {content: ""}   

header h1, header nav, footer, img, form, #breadcrumb, .haut, #sidebar, footer, .commentaires {display: none}

body {
	font: 12pt Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
	color: #000;
}

h1 {font-size: 24pt}

h2 {font-size: 14pt; margin-top: 15px}
h3.ingredient {font-size: 14pt; margin-top: 10px;

}
h3 {font-size: 30pt; margin-top: 5px;color:#9c5959;}
.ingredient ul{
	border:1px solid;
	list-style:none;}

header .print {display: block}

img {border: 0}

header {margin-bottom: 10px;

}

header:after {display: block; content: "recette-glace-sorbet.fr :";font-size:25pt;
margin-bottom:5px;
}

header:before {
	display: block;
	content: "N'hésitez pas commenter cette recette sur recette-glace-sorbet.fr, PARTAGEZ les vôtres sur le forum.";
	margin-bottom: 10px;
	border: 1px solid #bbb;
	padding: 3px 5px;
	font-style: italic;
}

blockquote {
	font-size: 13pt;
	font-style: italic;
}


p a {color: #000}

p a:after {
	content: " (http://recette-glace-sorbet.fr/" attr(href) ")";
	font-size: 80%;
	word-wrap: break-word;
}

p a[href^="http://"]:after, p a[href^="https://"]:after {
	content: " (" attr(href) ")";
}

q:after {content: " (" attr(cite) ")"}




Modifié par truitas (19 Aug 2012 - 15:48)
j'ai résolu le problème désolé pour le dérangement,
j'avais un &nbsp; à la fin de ma partie imprimable.
bonne journée à tous