Bien positionner une image de fond dans une div

**niavlys26** · 31/05/2012, 19h55

Bonjour,
(presque) tout est dans le titre.
J'aimerais positionner une image de fond par rapport à une div et non à la fenêtre (body).
Ma page html ressemble grossièrement à ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<body>
  <div id="bloc_page">
    <h1>Titre</h1>
  </div>
</body>

Et voici le CSS

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
16
17
 
#bloc_page
{
	background: url("1x2.gif") fixed no-repeat top right;
	background-color: white;
 
	width: 900px;
	min-height: 500px;
 
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 5px;
 
	border: 5px solid #046380;
	border-radius: 20px;
}

Le problème donc, c'est que j'ai ma jolie div bien centrée mais l'image de fond se positionne en haut à droite par rapport à la page. Résultat elle est tronquée et si on agrandit la fenêtre on ne la voit même plus ! :dry:

Vous voyez ce que je recherche ?
Comment remédier à ça ?
Merci beaucoup d'avance pour votre aide.

**NoSmoking** · 31/05/2012, 22h29

Bonsoir,
supprimes la position fixed de ton style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background: white url("1x2.gif") no-repeat top right;

**niavlys26** · 31/05/2012, 23h23

merci beaucoup, c'était si simple

Bien positionner une image de fond dans une div [CSS 3]

Positionnement en CSS

Discussions similaires

Partager

Partager