Discussion :

[Joshfluitsma]

Bonjour,

Je suis en train de bosser sur une page o� j'ai des images en fond de div.
Le mieux c'est que je vous montre directement la page:
http://www.decitre.fr/aide/passer-commande

Il s'agit des 5 images correspondant aux 5 �tapes de la commande.
J'�tais plut�t content avec la page mais c'est jusqu'� ce que j'essaye d'afficher la page avec IE et que l'image de fond de div de l'�tape 5 se copie en dessous et s'affiche en double.
Je n'ai vraiment aucune id�e d'o� vient ce probl�me sachant que tout s'affiche correctement sur tous les autres navigateurs...

Pouvez-vous peut-�tre m'aider pour trouver l'origine de ce probl�me?

Merci d'avance!

[Gaetan_]

Rajoute � la propri�t� de ton css :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

background-repeat: repeat-x;

[Joshfluitsma]

Rajoute � la propri�t� de ton css :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

background-repeat: repeat-x;

Alors j'avais d�j� essay� avec "background-repeat: no-repeat;" mais j'ai essay� avec repeat-x du coup, �a ne change rien...
Quand j'y pense, le background-image ne devrait pas influencer sur la div, pourtant la div qui se copie en bas d�cale tout le texte!

[Meloooo]

Salut,
Je pense que le

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
background-repeat:repeat-x

n'est pas n�cessaire, au contraire l'image ne doit pas se r�p�ter...
Essayes de mettre tes width en px..

[Joshfluitsma]

Essayes de mettre tes width en px..

Ce que je comprend pas c'est que la div marche bien pourtant, la 5�me s'affiche bien � c�t� des autres mais elle se duplique d'une mani�re ou d'une autre, ce n'est pas la largeur des divs qui pose probl�me...

[Meloooo]

J'ai remplac� ta 5�me �tape avec l'�tape4 et j'ai remplac� les images, et ca � l'air de fonctionner :

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
<div class="content">
<h1><span>Comment passer commande ?</span></h1>
<p>Pour passer commande sur internet, il suffit de :</p>
</div>
<div style="height: 5px;"></div>
<div style="width: 20%; height: 120px; float: left; background-image: url(http://static.decitre.fr/media/wysiwyg/etape_01);background-repeat:no-repeat;">
<div style="display: table; height: 120px; width: 157px; _position: relative; overflow: hidden;"> 
<div style=" _position: absolute; _top: 50%; display: table-cell; vertical-align: middle;"> 
<p style=" _position: relative; _top: -50%; margin: 0px 2px 0px 18px; text-align: center;">
<font face="Georgia" size="2px"><i><i>
<a href="#" onclick="toggleDisplay1();">ajouter un article au panier</a>
</i></font>
</p>
</div>
</div>
</div>
<div style="width: 20%; height: 120px; float: left; background-image: url(http://static.decitre.fr/media/wysiwyg/etape_02);background-repeat:no-repeat;">
<div style="display: table; height: 120px; width: 157px; _position: relative; overflow: hidden;"> 
<div style=" _position: absolute; _top: 50%; display: table-cell; vertical-align: middle;"> 
<p style=" _position: relative; _top: -50%; margin: 0px 2px 0px 18px; text-align: center;">
<font face="Georgia" size="2px"><i>
<a href="#" onclick="toggleDisplay2();">valider le panier</a>
</i></font>
</p>
</div>
</div>
</div>
<div style="width: 20%; height: 120px; float: left; background-image: url(http://static.decitre.fr/media/wysiwyg/etape_03);background-repeat:no-repeat;">
<div style="display: table; height: 120px; width: 157px; _position: relative; overflow: hidden;"> 
<div style=" _position: absolute; _top: 50%; display: table-cell; vertical-align: middle;"> 
<p style=" _position: relative; _top: -50%; margin: 0px 2px 0px 18px; text-align: center;">
<font face="Georgia" size="2px"><i>
<a href="#" onclick="toggleDisplay3();">s'identifier</a>
</i></font>
</p>
</div>
</div>
</div>
<div style="width: 20%; height: 120px; float: left; background-image: url(http://static.decitre.fr/media/wysiwyg/etape_04);background-repeat:no-repeat;">
<div style="display: table; height: 120px; width: 157px; _position: relative; overflow: hidden;"> 
<div style=" _position: absolute; _top: 50%; display: table-cell; vertical-align: middle;"> 
<p style=" _position: relative; _top: -50%; margin: 0px 2px 0px 18px; text-align: center;">
<font face="Georgia" size="2px"><i>
<a href="#" onclick="toggleDisplay4();">choisir une adresse de livraison</a>
</i></font>
</p>
</div>
</div>
</div>
<div style="width: 20%; height: 120px; float: left; background-image: url(http://static.decitre.fr/media/wysiwyg/etape_05);background-repeat:no-repeat;">
<div style="display: table; height: 120px; width: 157px; _position: relative; overflow: hidden;"> 
<div style=" _position: absolute; _top: 50%; display: table-cell; vertical-align: middle;"> 
<p style=" _position: relative; _top: -50%; margin: 0px 2px 0px 18px; text-align: center;">
<font face="Georgia" size="2px"><i>
<a href="#" onclick="toggleDisplay5();">choisir un mode de paiement et payer</a>
</i></font>
</p>
</div>
</div>
</div>

Pourquoi mettre des _ devant tes propri�t�s CSS ?

[Joshfluitsma]

Pourquoi mettre des _ devant tes propri�t�s CSS ?

Faudrait demander �a � la personne qui a �crit l'article d'o� j'ai copi� les propri�t�s dont j'avais besoin..

Ceci dit, �a ne change rien, si?
Dans tous les cas je les vire pour �tre s�r..

[Joshfluitsma]

En tout cas �a marche maintenant!
En rempla�ant l'�tape 5 par l'�tape 4 il me semble avoir aper�u un </li> de trop, c'�tait surement �a le probl�me.

Merci beaucoup Meloooo