Discussion :

[hocinema]

Bonjour;

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
.blocForm{
  border: none; 
  background-color: #c0c0c0;
  background-image: url(log_gradient.jpg);
  background-repeat: repeat-y;
  background-position: right;
  width: 900px;
  margin-bottom:15px;
  margin-left: 15px;
}
 
.blocForm div{
  margin-right: 20px;
  float: left;    
}

<div class="blocForm"></div>

Le background image pour ce style marche sur explorer 7 mais pas sur mozilla, et je ne comprends pas pourquoi.



Merci

[MasterOfChakhaL]

salut,

Normalement, ton code est correct il me semble. Peut-être que le souci est au niveau du background-position qui attend également la valeur pour l'axe y.

Essaye:

Code :

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

background-position: right top;

pour voir...

[hocinema]

Non cela ne change rien.

[Auteur]

bonsoir,

est-ce que le div blocForm contient des éléments (en dehors du second div) ?

Ton second div (classe .blocForm div) est en float, donc pour Mozilla ton conteneur, le div parent ne contient rien... et donc n'a pas d'épaisseur.

Deux solutions :

• soit tu précises la hauteur du div conteneur ce qui suggère de connaître à l'avance la hauteur du div enfant ;
• soit tu mets le conteneur en float