Background qui ne défile pas

Résolu
Bonjour,
Sur mes pages web j'utilise une image de fond, par exemple https://www.rudyv.be/Aquarium/index.php
body background="Water.jpg"

Quand on fait défiler la page vers le bas l'image de fond défile aussi.

Sur ce site https://www.chti-marin.com/ l'image de fond est fixe, il utilise pourtant le même tag
<body background="https://...fondec11.jpg">

Comment faire la même chose ?

6 réponses

  1. Modérateur
    Bonjour,

    Je n'ai pas vraiment regardé...
    Mais je pense que dans sa page, il a simplement placé le contenu dans une DIV (ou autre élément html comme un tableau). Et que le scroll est sur cet élément et non sur le body lui même.

    1. Bonsoir,
      Peux-tu jeter un coup d’œil sur cette page https://www.chti-marin.com/ car je trouve bien plusieurs DIV distinctes mais tout défile en même temps sauf l'image de fond, je ne comprends pas l'astuce.
      1. Modérateur
        Ben.. comme je te l'ai dit....
        il a créé un tableau...
        Et tout le contenu dans une seule TD.
        Le scroll se trouve sur le TD et non sur le body du document
      2. Modérateur
        @jordane45mais tu pourrais le faire avec n'importe quel autre élément.
        utiliser des tableaux.. aujourd'hui ça ne se fait plus.

        Tu créés une DIV avec un height de 100% et un max-height
        puis tu lui attribut un overflow auto
        Et enfin.. tu places le contenu de ta page dedans.
    2. On peut mettre une table dans un TD ?
      Comment faire pour que le scroll se trouve sur le TD et non sur le body du document ?
      "utiliser des tableaux.. aujourd'hui ça ne se fait plus" : Ah bon, j'en ai plein sur mes pages, comment faire un tableau sans table ?
      1. Modérateur
        je me suis mal exprimé on fait toujours des tableaux mais uniquement pour y afficher des données pas pour structurer et la page...
    3. Bonjour,

      tu peux essayé de supprimer la propriété fixed de la balise body de ton fichier css.

      body {
      background-attachment: fixed; <-- à supprimer
      background-color: #d4d4d4;
      }

      1. Merci mais je n'ai pas de fichier css !
        1. Oups j'ai pris le problème à l'envers tu veux que ton image soit fixe et pas l'inverse :)
        2. Rajoute la propriété fixed alors !

          <style type="text/css">
          body
          {
          background-color: #95C0E2;
          background-image:url('water.jpg');
          background-attachment: fixed; <-- à rajouter
          }
          </style>
      2. Voilà, c'était tout bête, fallait le savoir, merci, résolu.