Bug du background sur div imbriquées

123quatre · 26/12/2010, 10h54

Bonjour,

je rencontre un bug css quelque soit le navigateur: j'ai mis une image de fond à une div en repeat-x, mais le background ne recouvre pas entièrement toute la div car un élément enfant possède un margin bottom. Voilà mon code et l'image associée jointe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> 
 
  <head> 
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> 
  <title></title> 
  </head> 
  <style type="text/css"> 
   <!-- 
    * { 
      padding: 0;  
      margin: 0;            
     } 
 
    p { 
      margin-bottom: 0.8em; 
    } 
 
    .big_block{ 
      background: url(./css-img/big_block_bottom.jpg) no-repeat bottom left; 
      padding-bottom: 5px; 
      width: 780px; 
      margin-left: 20px; 
    } 
 
    .big_block_content{ 
      background: url(./css-img/big_block_content.jpg) repeat-y top left; 
      padding: 0 15px 0px 15px; 
    } 
   //--> 
   </style> 
 
  <body> 
  <div class="big_block"> 
    <div class="big_block_content"> 
      <p> bla bla </p> 
      <p> bla bla </p> 
      <p> bla bla </p> 
      <p> bla bla </p> 
    </div> 
  </div> 
  </body> 
</html>

ornitho13 · 26/12/2010, 15h24

Bonjour,

pourrais tu ajouter ton image "big_block_content.jpg"?

merci

nault · 27/12/2010, 02h47

pour ton tag p,

remplace margin-bottom par padding-bottom

26/12/2010, 15h24	#2
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Bonjour, pourrais tu ajouter ton image "big_block_content.jpg"? merci
	00

27/12/2010, 02h47	#3
nault Membre du Club Jean Frederic Nault Inscription : juillet 2010 Messages : 61 Détails du profil Informations personnelles : Nom : Jean Frederic Nault Informations forums : Inscription : juillet 2010 Messages : 61 Points : 59 Points : 59	pour ton tag p, remplace margin-bottom par padding-bottom
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email