28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite imprimer des billets de mon blog, tout en sachant que j'aimerai que le thème (l'image de fond) soit repris en bordure sur chaque page.
Exemple ci-dessous :
upload/17606-exemple.png

J'ai donc fait un fichier print.css.


body { 
	font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(images/sable/sable_raccord.jpg) repeat top left;
	border: 1px solid red;
	margin: auto;
	width: 20cm;
}

#main {
	background-color: white;
	border: 1px solid blue;
	float: left;
	width: 18cm;
}

#content{
	background-color: yellow;
	border: 1px solid red;
	float: left;
	margin: 0.5cm;
	width: 17cm;
}

img {
	/*display: -moz-inline-stack;*/
	/*display: inline-block;*/
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px solid #206dc5;	
}

a { text-decoration : none; }

#sidebar, #prelude, #footer, #comment-form , #top { display : none; }


Mon problème est que quand le billet fait plus d'un page (21 x 29.7), je perds toute la mise en forme sur le bas de la première page et sur les suivantes.

Merci d'avance de vos suggestions.
Modifié par tuck (14 Aug 2008 - 01:52)