Background qui ne défile pas

Résolu/Fermé
Herve_be Messages postés 1017 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 25 avril 2024 - 20 janv. 2019 à 17:23
Herve_be Messages postés 1017 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 25 avril 2024 - 21 janv. 2019 à 18:30
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 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
20 janv. 2019 à 17:57
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 1017 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 25 avril 2024 8
20 janv. 2019 à 18:18
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 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
20 janv. 2019 à 18:46
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 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650 > jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024
20 janv. 2019 à 18:49
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 1017 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 25 avril 2024 8
Modifié le 20 janv. 2019 à 18:54
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 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
20 janv. 2019 à 19:44
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 jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
21 janv. 2019 à 17:59
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 1017 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 25 avril 2024 8
21 janv. 2019 à 18:02
Merci mais je n'ai pas de fichier css !
0
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
21 janv. 2019 à 18:08
Moi je vois celui-ci !!

https://www.chti-marin.com/7-ltr.css
0
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
21 janv. 2019 à 18:20
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 jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
21 janv. 2019 à 18:23
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 1017 Date d'inscription mercredi 4 août 2010 Statut Membre Dernière intervention 25 avril 2024 8
21 janv. 2019 à 18:30
Voilà, c'était tout bête, fallait le savoir, merci, résolu.
0