Bonsoir

Je me (re)tourne vers vous pour une autre question. Dernièrement, je posais la question comment centrer 1 site, avec un bandeau, un menu horizontal, un menu de gauche, un corps central, un menu de droite et un pied de page. Et grace à "nsanabi" qui m'a donné la solution, le site est centré, avec tout au bon endroit et tout, et tout !

Centrer site

Maintenant, j'ai 1 autre petite problème. Dans le corps, j'affiche des infos. Et des fois, cela dépasse. Donc, je fais apparaitre un scroll vertical uniquement sur le corps. Mais j'ai l'image qui ne reste pas "attaché", elle défile du haut vers le bas. J'ai essayé de la fixer
Code : Sélectionner tout - Visualiser dans une fenêtre à part
background-attachment: fixed;
, mais le corps se barre sous le menu de gauche. Alors, j'ai essayé de rajouter
Code : Sélectionner tout - Visualiser dans une fenêtre à part
background-position: center;
et l'image se centre mais bien sûr, centrer pour le navigateur, pas pour mon site !

Comment faire ?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#corps
{
	height: 496px;
	width: 571px;
	position: relative;
	/*top: 196px;*/
	/*left: 500px;*/
	/*text-align:center;*/
	float : left;
	background-image: url("../images/corps_central.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	overflow: auto; 
}
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div id="corps">
<p>TEST</p>
</div>
Merci d'avance.