Bonjour,
J'ai un petit problème et je m'arrache les cheveux, je ne trouve pas !
Je code un template pour une boutique Prestashop mais voilà sous Safari le menu apparaît comme je le voudrais alors que sous Firefox il y a une vilaine ligne blanche au dessus et un écart de 1px à gauche.
J'ai vraiment besoin d'aide donc merci d'avance à tous ceux qui prendront la peine de m'aider.
Voici le screen :
Lien supprimé
HTML :
Une partie du CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <div class="sf-contener"> <ul class="sf-menu"> ... </ul> </div>
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 .sf-contener { overflow: hidden; clear: both; margin: 10px 0; height: 32px; text-transform: uppercase; padding-left: 7px; background: transparent url(../gfx/menu/menu.png) no-repeat left center; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { float: left; width: 980px; line-height: 1.2; /*background: transparent url(../img/blocktopmenu.gif) repeat-x;*/ } .sf-menu ul { position: absolute; top: -999em; width: 20em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu img { } .sf-menu span { vertical-align: 7px; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; }
Partager