Background qui ne défile pas

Résolu
Herve_be Messages postés 1121 Date d'inscription   Statut Membre Dernière intervention   -  
Herve_be Messages postés 1121 Date d'inscription   Statut Membre Dernière intervention   -
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 ?
A voir également:

6 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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.

0
Herve_be Messages postés 1121 Date d'inscription   Statut Membre Dernière intervention   9
 
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.
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention  
 
mais 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.
0
Herve_be Messages postés 1121 Date d'inscription   Statut Membre Dernière intervention   9
 
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 ?
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
je me suis mal exprimé on fait toujours des tableaux mais uniquement pour y afficher des données pas pour structurer et la page...
0
Stéphane18 Messages postés 372 Date d'inscription   Statut Membre Dernière intervention   132
 
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;
}

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Herve_be Messages postés 1121 Date d'inscription   Statut Membre Dernière intervention   9
 
Merci mais je n'ai pas de fichier css !
0
Stéphane18 Messages postés 372 Date d'inscription   Statut Membre Dernière intervention   132
 
Moi je vois celui-ci !!

https://www.chti-marin.com/7-ltr.css
0
Stéphane18 Messages postés 372 Date d'inscription   Statut Membre Dernière intervention   132
 
Oups j'ai pris le problème à l'envers tu veux que ton image soit fixe et pas l'inverse :)
0
Stéphane18 Messages postés 372 Date d'inscription   Statut Membre Dernière intervention   132
 
Rajoute la propriété fixed alors !

<style type="text/css">
body
{
background-color: #95C0E2;
background-image:url('water.jpg');
background-attachment: fixed; <-- à rajouter
}
</style>
0
Herve_be Messages postés 1121 Date d'inscription   Statut Membre Dernière intervention   9
 
Voilà, c'était tout bête, fallait le savoir, merci, résolu.
0