problème : background-image

Bonjour :

Voilà mon soucis :

-j'ai une image de fond qui fait 900x575px.
-j'aimerais mettre sur cette image mon menu a gauche et un coprs a droite.
-le probleme est quand j'agrandis ou je réduis la fenetre, le texte est totalement décallé par rapport au background-image et je ne sais pas comment faire pour que rien ne bouge,ni le menu et le texte,ni le background...

Merci pour vos réponses...8-)

Salut,

Avec un peu de code (html+css), ca sera surement plus facile de te répondre...

Voilà ma balise body : donc une image centré qui se repete pas.

Code:

---

1 2 3 4 5 6

body { background-image:url("../fond/Fond_Acceuil.jpg"); background-repeat: no-repeat; background-position : center; }

---

Voici ma balise texte :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

#texte_block { text-indent: 30px; font-size: 0.7em; color: white; font-family: "Verdana", "Trebuchet MS", Georgia, serif; text-align: justify; width: 513px; height: 420px; overflow: auto; padding-left : 6px; padding-right : 6px; padding-top : 6px; text-align: justify; margin-left : 530px; margin-top : 220px; }

---

quand la fenetre est en plein écran, le texte est a la bonne hauteur par rapport a mon body,mais si j'appuie sur f11 le texte remonte,ce qui est normal puisque le margin-top se fait par rapport a la fenetre,donc j'aimerais savoir si on peut le bloquer,que le texte ne bouge pas et reste au centre comme l'image...

En même temps, vu que tu place le background au milieu.
Quand tu redimensionnes la fenêtre, le centre bouge...

Tu peux essayer de déterminer le background-position de manière fixe:

Code:

---

background-position: gauchepx toppx;

---

je dois etre fatigué mais comment tu utilises ton code..?

Code:

---

background-position: gauchepx toppx;

---

Code:

---

background-position: gauche 60 px;

---

ca marche pas avec gauche.

Code:

---

background-position: left 60 px;

---

la ca me fait descendre l'image...alors que c'est left...

Code:

---

background-position: top 60 px;

---

la ca me le décale vers la droite alors que c'est top...

Code:

---

1 2	background-position: left 60 px; background-position: top 60 px;

---

la ca marche pas...?

bizarre...? j'arrive pas a faire les deux en meme temps...peut etre IE...?

Il n'y doit pas y avoir d'espace entre la valeur et les unités ..

60px et non 60 px.

merci c'est bon 8-)