bon le but est de représenter un parchemin et positioner le texte dessus.

J'ai donc mon image de fond, la bordure haut et la bordure bas.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div id="centre">
blablablablablablablablablablablabla
</div>
et
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
#centre {
	background				:url("../img/parch_f.png")  ;
	background-repeat	:repeat-y;
	margin-left				:55px;
	padding-right			:60px;
	padding-left			:60px;
}
Mais que dois-je faire pour positioner ces 2 bordures haut et bas correctement ?

J'ai essayé ceci:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#CentreBordureHaut
{
	float:top;
	background: url("../img/parch_h.png") top  ;
	background-repeat: no-repeat;
}
 
 
#CentreBordureBas
{
	float:bottom;
	background: url("../img/parch_b.png") bottom  ;
	background-repeat: no-repeat;
}
avec ceci:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div id="CentreBordureHaut">
   <div id="CentreBordureBas">
      <div id="centre">balbalbalba</div>
   </div>
</div

Mais les bordures du début passent sur le fond du parchemin. Et de plus ne sont pas alignée par rapport à ce derniers.