[CSS] Taille du background

Fermé
zzzer Messages postés 907 Date d'inscription dimanche 25 mai 2008 Statut Membre Dernière intervention 3 décembre 2023 - 1 mars 2009 à 22:16
 clartec - 5 juin 2009 à 22:35
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 ;)

2 réponses

Revan26914 Messages postés 1778 Date d'inscription dimanche 14 octobre 2007 Statut Contributeur Dernière intervention 15 octobre 2019 320
1 mars 2009 à 23:40
Bonsoir,

body{
width: 1000px;
height: 700px;
background-image: url("ton_image.jpg/png/gif");
background-repeat: no-repeat;
}




Cordialement

Revan
1
zzzer Messages postés 907 Date d'inscription dimanche 25 mai 2008 Statut Membre Dernière intervention 3 décembre 2023 181
3 mars 2009 à 01:31
Merci Revan, mais ces attributs réduisent ma page, du coup j'ai une bande blanche sur le côté... :/

0
Revan26914 Messages postés 1778 Date d'inscription dimanche 14 octobre 2007 Statut Contributeur Dernière intervention 15 octobre 2019 320 > zzzer Messages postés 907 Date d'inscription dimanche 25 mai 2008 Statut Membre Dernière intervention 3 décembre 2023
23 mars 2009 à 19:50
Tu veux donc que l'image prenne la taille de ta page et non l'inverse?

Si c'est ça ton image sera déformée ou perdra de sa qualité

0
zzzer Messages postés 907 Date d'inscription dimanche 25 mai 2008 Statut Membre Dernière intervention 3 décembre 2023 181 > Revan26914 Messages postés 1778 Date d'inscription dimanche 14 octobre 2007 Statut Contributeur Dernière intervention 15 octobre 2019
23 mars 2009 à 23:22
Oui, que le background prenne la taille de la page...

0
Revan26914 Messages postés 1778 Date d'inscription dimanche 14 octobre 2007 Statut Contributeur Dernière intervention 15 octobre 2019 320 > zzzer Messages postés 907 Date d'inscription dimanche 25 mai 2008 Statut Membre Dernière intervention 3 décembre 2023
24 mars 2009 à 17:35
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.


0
Bonjour, je n'y comprends rien pouvez vous me donner les démarches à faire.
0