Placer un background fixed

Placer un background fixed - HTML/CSS - Programmation

Marsh Posté le 02-01-2008 à 20:45:35    

Salut à tous,
 
J'ai un soucis lorsque je veux placer une image (fond2.jpg) en background dans un Div. Si je veux la placer normalement, y a pas de soucis, mais lorsque je précise "fixed", là, c'est le bazarre. Mon image se place en haut à gauche de tout.
http://www.paroisses-erezee.be/1.gif
Dans la partie verte, c'est mon menu. Dans la partie jaune, c'est là que je veux placer mon image en Fixed.
Voici mon CSS actuel:

Code :
  1. #menu {
  2. width: 895px;
  3. height: 150px;
  4. position:relative;
  5. clear:both
  6. }
  7. #main {
  8. width: 875px;
  9. height: 410px;
  10. overflow:auto;
  11. background:url(fond2.jpg) no-repeat fixed;
  12. padding:30px 5px 5px 15px;
  13. color: #333399;
  14. font-size:20px;
  15. font-family: "Monotype Corsiva";
  16. }


 
Où est l'erreur?
Merci d'avance!!!


Message édité par bingojm le 02-01-2008 à 20:47:47
Reply

Marsh Posté le 02-01-2008 à 20:45:35   

Reply

Marsh Posté le 02-01-2008 à 21:47:21    

Utilise background-position: 0 150px; Un background-attachment à fixed positionne ton image de fond par rapport à la fenêtre de ton navigateur et non plus selon l'emplacement de ton élément. Donc si ton image n'est pas tuilée, il se peut parfaitement que ton image soit masquée.

Reply

Marsh Posté le 02-01-2008 à 22:06:03    

Ca ne va pas mieux... Elle varie très fort en fonction de la taille dela fenetre. Ca ne va pas. Il n'y a pas d'autres moyens pour avoir une image de fond dans un div???

Reply

Marsh Posté le 02-01-2008 à 22:52:45    

Pour ceux que ça intéresse, j'ai trouvé la réponse! Génial!

Reply

Marsh Posté le 02-01-2008 à 22:59:26    

Hum, j'ai l'impression que tu ne sais pas exactement à quoi sert l'attribut "fixed". J'ai fait quelques tests et ça fonctionne comme prévu, même si ça peut sembler n'importe quoi. Un petit tour par http://www.w3.org/TR/REC-CSS2/colo [...] properties pourrait être un bon début (background-attachment).
 
Et si tu pouvais donner un peu plus de détails que "varie très fort" et "ca ne va pas", parce qu'à part avec la boule de cristal, on ne voit peut-être pas vraiment ce que tu cherches à faire.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed