High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Image de fond xhtml css

Dernière réponse le 25 mai 2007 à 13:32:56 marie, le 25 mai 2007 à 11:37:06 
 Signaler ce message aux modérateurs

Bonjour , j'ai crée un div principal qui englobe ts mes autres div et qui est censé faire tte la page , et quand dans le code css je mets une image de fond au div , je remarque que le div fait pas tte la page et qu'il est entourée de marges de 10px environ , ya moyen que l'image de fond du div remplisse la page entièrement ?

merci

Configuration: Windows XP
Firefox 2.0.0.3

Meilleures réponses pour « image de fond xhtml css » dans :
Changer de fond d'écran VoirPour Windows XP et versions antérieures Pour Windows Vista Obtenir des fonds d'écran Solution plus rapide Comment changer l'arrière-plan du Bureau ? Un fond d'écran est une image utilisée en arrière-plan de votre bureau. Lors d'une...
[Word] Image de fond VoirIl est possible sous Microsoft Word d'afficher une image en arrière-plan dans un document en cliquant sur le menu Format, puis sur Arrière-Plan et enfin sur Motifs et textures. Dans l'onglet Image, cliquer sur le bouton "Sélectionner une image"....
Insérer une image de fond sous la grille Excel VoirVous souhaitez insérer un logo sous JPEG ou autre, sous votre grille Excel : FORMAT / FEUILLE / ARRIERE PLAN s'ouvre un panneau vous présentant vos images pour sélection.... choisissez, validez. Pour le supprimer : même procédure FORMAT /...
Posez votre question Répondre

1

webtotoche, le 25 mai 2007 à 11:43:01

Quelles sont les propriétés de style CSS pour ce div principal ?

   
Répondre à webtotoche

2

marie, le 25 mai 2007 à 11:57:12

#conteneur {
width: 100%;
background-image: url("blou.gif");
}

   
Répondre à marie

3

marie, le 25 mai 2007 à 12:22:38

Personne n'a d'idée ? :(

   
Répondre à marie

4

RAD ZONE, le 25 mai 2007 à 12:30:05

SALUT

mais pourquoi ne donne tu pas la couleur de fond au <body>? 

body {
background-image: url("blou.gif");
}


RAD

   
Répondre à RAD ZONE

5

marie, le 25 mai 2007 à 12:32:15

Parce que dans le body il y a d'autres div et que je n'ai pas envie que cette image soit dans les autres div :)

   
Répondre à marie

11

Dalida, le 25 mai 2007 à 13:24:44

Re,

tu peux sélectionner cette division en particulier en utilisant un identifiant ou une classe.

si ton image d'arrière plan ne sert qu'à donner une couleur il ne faut pas utiliser cette méthode mais préférer une couleur d'arrière plan.

en effet il est illogique de transporter un bitmap pour un effet que le navigateur peut afficher sans problème (tous navigateurs confondus et même les version un peu anciennes). tu y gagnera en temps de chargement et en charge du serveur. 

Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain

   
Répondre à Dalida

6

ACNet, le 25 mai 2007 à 12:40:36
  • +1

Bonjour,

es tu certaine que le problème vient réellement de ton div ?
Si tu ne lui donnes aucune marge, mais que le body possède une marge, l'image de fond du div ne prendra naturellement pas toute la taille du document.


body{margin:0px;}

résout il ton problème ?

   
Répondre à ACNet

7

RAD ZONE, le 25 mai 2007 à 12:40:50

SALUT

on peut pas deviner !! si on relis ton post tu nous parle de mettre une couleur en bg sur toute la page !!!! je remarque que le div fait pas tte la page et qu'il est entourée de marges de 10px environ ,ya moyen que l'image de fond du div remplisse la page entièrement

un lien ou le code complet serais quand même mieux !! pour voir ton probleme !

RAD

   
Répondre à RAD ZONE

8

marie, le 25 mai 2007 à 12:48:32

Merci ACNet , ton code résoud bien mon probleme , en fait quand on crée un div tt seul sur un page avec un width de 100% , à mon avis il se met logiquement à 10px du body .

   
Répondre à marie

9

Dalida, le 25 mai 2007 à 13:18:53

Salut,

à priori il ne sert à rien de préciser {width:100%} pour le <div>, c'est un élément de type bloc, il prendra donc par défaut toute la largeur du bloc le contenant (son parent).

et le "logique" du 10px du body c'est sans doute la valeur de marge par défaut du navigateur. 

Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain

   
Répondre à Dalida

10

webtotoche, le 25 mai 2007 à 13:23:34

Salut !

J'abonde dans le sens de ACNet.

Pour modifier la surface d'affichage du div j'ai joué sur ses propriétés
margin-left / margin-top / margin-right / padding-bottom / padding-right / padding-top, en leur donnant des valeurs soit positives, soit négatives.

( tu feras les essais ;-) )

Le truc c'est que ces propriétés étant interprétées différement selon le navigateur il faudra probablement faire des feuilles de style adaptées (mais ça tu le sais sans doute déjà).


(PS : entretemps j'ai vu que ACNet a résolu ton problème d'une autre façon. Chouette ! Des idées et moins d'une heure entre la première réponse et la solution ! )

   
Répondre à webtotoche

12

 Dalida, le 25 mai 2007 à 13:32:56

Re re,

tu parles de marges et d'espacement mais seul le {padding} sous IE peut poser problème à cause du modèle de rendu de boite de IE qui ajoute la valeur du {padding}.

mais pour une mise en page ce sont les valeurs littérales qui sont problématique car en hauteur la page peut s'étirer sans problème (sauf hauteur fixe). il faut simplement prendre l'habitude de coder sans utiliser l'espacement droite et gauche, cela suffit dans 95% des cas.

la multiplication des feuilles et l'utilisation des hacks rend la mise en page fragile. surtout dans ce cas très très simple qui ne devrait pas réellement poser de problèmes.

les valeurs négatives sont aussi à utiliser avec précaution car sur ce sujet les navigateurs ont des avis divergents (IE 6, certainement 7 et que se passera-t-il sous linux ?…). 

Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain

   
Répondre à Dalida
Posez votre question Répondre
Ils ont besoin de votre aide