Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 22/02/2011, 10h13   #1
Invité de passage
 
Inscription : janvier 2011
Messages : 17
Détails du profil
Informations forums :
Inscription : janvier 2011
Messages : 17
Points : 1
Points : 1
Par défaut Ligne blanche sous Firefox

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 :

Code :
1
2
3
4
5
 <div class="sf-contener">
          <ul class="sf-menu">
            ...
</ul>
</div>
Une partie du 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
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;
}
GuilVIII est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 22/02/2011, 19h12   #2
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 930
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 930
Points : 4 744
Points : 4 744
Bonsoir,
pas vu le problème en direct sur la page d’accueil, mais est ce la même chose ?
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 22/02/2011, 19h41   #3
Invité de passage
 
Inscription : janvier 2011
Messages : 17
Détails du profil
Informations forums :
Inscription : janvier 2011
Messages : 17
Points : 1
Points : 1
Tout d'abord merci pour ta réponse.
Oui c'était bien la même chose mais j'ai réussi en me débrouillant à le corriger avec le background cependant le problème reste un mystère, j'ai demandé à beaucoup mais personne n'a su m'aider.
Merci encore je marque comme résolu quand même.
GuilVIII est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 11h11.


 
 
 
 
Partenaires

Hébergement Web