Repéter image qui a une hauteur [Résolu]

[titmael]

Bonjour à tous,

malgré une bonne recherche dans le forum, pas de solution à mon problème.

Il est pourtant simple, j'ai un site classique, dans lequel j'ai un header, suivit d'un menu, puis le div contenant l'ensemble du milieu du site et le footer.

Mon problème est que le div du milieu a une image de fond qui doit se répéter mais selon une hauteur minimale, car si l'image n'est pas répétée dans son ensemble, le recollage avec le footer n'est pas bon.

Voici ma page index.php (enfin la partie qui nous intéresse) :

Code :

1
2
3
4
5
6
7
8
 
<div class="corps">
	<div class="contenu">
	<?php
		echo $contenu;
	?>
	</div>
</div>

NB : $contenu ne contient que du texte brut

et le css :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
.corps{
margin-left: auto;
margin-right: auto;
width: 1024px;
height: 115px;
background-image: url('./../images/body.png');
background-repeat: repeat-y;
position: relative;
}
 
.contenu{
	width:730px;
	margin-left:140px;
	padding-left:5px;
	padding-right:5px;
}

Si je spécifie height:100% ou si je le retire le fond se répète bien, mais pas avec la hauteur minimale à chaque fois, je me retrouve donc avec un bas de page qui ne colle pas à l'image du footer.


Merci