Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 16/03/2011, 11h16   #1
Futur Membre du Club
 
Inscription : octobre 2006
Messages : 94
Détails du profil
Informations forums :
Inscription : octobre 2006
Messages : 94
Points : 17
Points : 17
Par défaut Repéter image qui a une hauteur

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
titmael est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 18h59.


 
 
 
 
Partenaires

Hébergement Web