[CSS] Taille du background
zzzer
Messages postés
938
Statut
Membre
-
clartec -
clartec -
Bonsoir,
J'ai une image de 1000*700 pixels que j'aimerais mettre en background de mon site.
Je cherche donc un moyen de faire en sorte qu'elle prenne 100% de l'espace affichable disponible.
Si quelqu'un sait comment faire...
Merci d'avance ;)
--
N'oubliez pas de marquer la discussion comme résolue dès que c'est le cas ! -> En haut de la page, Statut: Résolu
Attention aussi à bien respecter la 6e règle de la charte :
J'ai une image de 1000*700 pixels que j'aimerais mettre en background de mon site.
Je cherche donc un moyen de faire en sorte qu'elle prenne 100% de l'espace affichable disponible.
Si quelqu'un sait comment faire...
Merci d'avance ;)
--
N'oubliez pas de marquer la discussion comme résolue dès que c'est le cas ! -> En haut de la page, Statut: Résolu
Attention aussi à bien respecter la 6e règle de la charte :
Rédiger les messages dans un langage clair sans abréviation, style télégraphique ou mode SMS
Configuration: Windows Vista Firefox 3.0.6
2 réponses
-
Bonsoir,
body{ width: 1000px; height: 700px; background-image: url("ton_image.jpg/png/gif"); background-repeat: no-repeat; }
Cordialement
Revan
-
Merci Revan, mais ces attributs réduisent ma page, du coup j'ai une bande blanche sur le côté... :/
- On ne peut malheureusement pas définir la taille d'un background, contrairement à une image insérée.
Une solution serait donc d'insérer ton image avec <img src="" ... /> et d'utiliser l'attribut CSS z-index pour placer l'image derrière les éléments de ta page. Tu peux ainsi fixer une taille de 100% à ton image. (positionne aussi ton fond à l'aide de position: absolute; ou d'un position: relative;)
Ce que tu peux aussi faire c'est utiliser background-attachment: fixed; et ton fond restera fixe.
-
-
