pbl menu sous ie et ff

Version imprimable

Bonjour

qq un peut-il m'expliquer pourquoi sur ma page:
http://www.princessedunjour.com/

le menu de gauche est ramassé sur ff alors qu'il s'étale sur ie (espacement vertical x3 sur ie) ? 8O

On m'a dit de d'abord développer pour ff et ensuite tester et corriger pour ie. J'avais pensé au padding, mais cela ne change rien...

J'offre ma reconnaissance extreme à celui ou celle qui m'aidera :wink:

le css

Code:

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
 
ul#menu_gauche {
margin: 40px 0 0 0;
letter-spacing: 0.2em;
list-style-type: none;
font-family: Arial, Times, serif;
font-size: 60%;
text-align: left;
}
#menu_gauche a {
display: block;
color: #999999;
text-decoration: none;
text-align: left;
}
#menug1 {
margin-bottom: 10px;
}
#menug2 {
margin-bottom: 10px;
}
#menug3 {
margin-bottom: 10px;
}
#menug4 {
margin-bottom: 10px;
}
#menug5 {
margin-bottom: 10px;
}
#menug6 {
margin-bottom: 10px;
}
#menug7 {
margin-bottom: 10px;
}
#menug8 {
}
#menu_gauche a:hover {
color: #000000;
}

et le xhtml du menu de gauche:

Code:

1
2
3
4
5
6
7
8
9
10
 
<ul id="menu_gauche">
    <li><a id="menug1" title="Toute la collection" href="#">TOUTE LA COLLECTION</a></li>
    <li><a id="menug2" title="Perles de rocaille" href="#">PERLES DE ROCAILLE</a></li>
    <li><a id="menug4" title="Cristal Swarovki" href="#">CRISTAL SWAROVSKI</a></li>
    <li><a id="menug5" title="Perles de Bohème" href="#">PERLES DE BOHEME</a></li>
    <li><a id="menug6" title="Fleurs de soie" href="#">FLEURS DE SOIE</a></li>
    <li><a id="menug7" title="Perles nacrées" href="#">PERLES NACREES</a></li>
    <li><a id="menug8" title="Guipure brodée" href="#">GUIPURE BRODEE</a></li>
    </ul>

bon j'ai pigé, c'était line-height qu'il fallait utiliser :lol:

Par contre, j'ai mis margin-left à 0px, donc mon menu devrait se positionner juste en dessous du logo... collé à gauche...

C'est le cas sous ie mais pas sous ff...

une idée ?

merci d'avance

mode css
Code:

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 ul#menu_gauche { margin-top: 40px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; letter-spacing: 0.2em; list-style-type: none; font-family: Arial, Times, serif; font-size: 60%; text-align: left; } #menu_gauche a { color: #999999; text-decoration: none; text-align: left; } #menug1 { line-height: 30px; } #menug2 { line-height: 30px; } #menug3 { line-height: 30px; } #menug4 { line-height: 30px; } #menug5 { line-height: 30px; } #menug6 { line-height: 30px; } #menug7 { line-height: 30px; } #menug8 { line-height: 30px; } #menu_gauche a:hover { color: #000000; }

11/12/2005, 01h28
francis m

ajoute un padding:0; dans ton style ul
11/12/2005, 09h56
pp51

merci, ça fonctionne !

:lol: