HtmlCss PB avec href de la liste sous Mozilla

Résolu
chups21800 -  
Bonjour,
je crée un site en HTML CSS et les liens href de la liste de mon menu gauche sous mozilla ne fonctionne pas (contrairement à IE): Impossible de cliquer dessus.
Ma page comprend dans la div main une div col_gauche et une div centre (qqui elle contient une div col_droite)
Voici ce que j'ai
EN HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
.........................................
</head>
<body>
<div id="container">
<div id="header">
.........................................
</div>
<br /><br />
<div id="main">
<div id="col_gauche">
<ul id="menu_gauche">
<li class="puce1"><a href="3.html" class="actif"></a></li>
<li class="puce2"><a href="31.html"></a></li>
<li class="puce3"><a href="32.html"></a></li>
<li class="puce4"><a href="33.html"></a></li>
<li class="puce1"><a href="34.html"></a></li>
</li></ul>
</div>
<div id="centre">
.......................................................
<div coldroite></div>
.....................................................
</div></div></div>
</body>
</html>

EN CSS
BODY {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#container {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 1100px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; HEIGHT: 1800px;
}
#main {
Z-INDEX: 2; MARGIN: 0px auto; WIDTH: 1099px; POSITION: absolute; PADDING-TOP: 90px;
}
#header {
MARGIN: 0px 0px 0px; WIDTH: 940px; POSITION: absolute; HEIGHT: 235px; LEFT: 214px; PADDING-RIGHT: 0px; Z-INDEX: 3; PADDING-BOTTOM: 0px; MARGIN: 0px; TOP: 21px; BACKGROUND: url(../images/panorama_trans.png) no-repeat left top;
}
#centre {
PADDING-RIGHT: 0px; PADDING-LEFT: 150px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; FONT: 10px/1.4 verdana, arial, lucida, helvetica, sans-serif; WIDTH: 970px; COLOR: #000000; PADDING-TOP: 70px; POSITION: relative;
}
#col_gauche {
LEFT: 0px; WIDTH: 145px; POSITION: absolute; PADDING-TOP: 120px;
}
UL#menu_gauche {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu_gauche LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-TOP: 0px
}
#menu_gauche LI A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; FONT: 10px verdana, arial, lucida, helvetica, sans-serif; WIDTH: 105px; COLOR: #000000; PADDING-TOP: 5px; HEIGHT: auto; TEXT-DECORATION: none
}
#menu_gauche LI A:visited {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; FONT: 10px verdana, arial, lucida, helvetica, sans-serif; WIDTH: 105px; COLOR: #000000; PADDING-TOP: 5px; HEIGHT: auto; TEXT-DECORATION: none
}
#menu_gauche LI.puce1 A {
BACKGROUND: url(../images/puce1.gif) no-repeat left top
}
#menu_gauche LI.puce1 A:hover {
BACKGROUND: url(../images/puce2.gif) no-repeat left top
}
#menu_gauche LI.puce1 A.actif {
BACKGROUND: url(../images/puce2.gif) no-repeat left top
}
#menu_gauche LI.puce2 A {
BACKGROUND: url(../images/puce3.gif) no-repeat left top
}
#menu_gauche LI.puce2 A:hover {
BACKGROUND: url(../images/puce1.gif) no-repeat left top
}
#menu_gauche LI.puce2 A.actif {
BACKGROUND: url(../images/puce1.gif) no-repeat left top
}
#menu_gauche LI.puce3 A {
BACKGROUND: url(../images/puce2.gif) no-repeat left top
}
#menu_gauche LI.puce3 A:hover {
BACKGROUND: url(../images/puce3.gif) no-repeat left top
}
#menu_gauche LI.puce3 A.actif {
BACKGROUND: url(../images/puce3.gif) no-repeat left top
}
#menu_gauche LI.puce4 A {
BACKGROUND: url(../images/puce4.gif) no-repeat left top
}
#menu_gauche LI.puce5 A:hover {
BACKGROUND: url(../images/puce5.gif) no-repeat left top
}
#menu_gauche LI.puce5 A.actif {
BACKGROUND: url(../images/puce5.gif) no-repeat left top
}
#menu_gauche LI A:hover {
FONT-WEIGHT: bold; COLOR: #900009
}
#menu_gauche LI A.actif {
FONT-WEIGHT: bold; COLOR: #900009
}

SI quelqu'un peut m'aider, MERCI
Peut être c'est un problème avec les z-index ou la largeur de ma div centre et div col_gauche
Configuration: Windows XP
Firefox 2.0.0.20

6 réponses

  1. chups21800 Auteur
    Oui en fait c'était bien ça j'ai mis une marge intérieur au lieu d'une marge extérieur. En tout cas merci pour ta rapidité de réponse. J'espère bientôt pouvoir aider du monde, comme vous autre.
    J'ai commencé il y a seulement 2 semaines.
    1. jjsteing Contributeur
      peut etre.. met un border=1px ou 2px pour voir si ca se chevauche..
      1. chups21800 Auteur
        J'ai arrangé ces problèmes a priori ça ne vient pas de là;
        Je n'ai plus de messages d'erreur dans la console d'erreurs ET je ne peux toujours pas cliquer sur les liens de ma colonne gauche sous mozilla seulement.
        Est ce que ça peut être lier à un chevauchement de mon id centre sur la colonne de gauche??
        1. chups21800 Auteur
          <script type="text/javascript">
          var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
          document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
          LIGNE22 </script>
          <script type="text/javascript">
          LIGNE25 try {
          var pageTracker = _gat._getTracker("UA-68444-3");
          pageTracker._trackPageview();
          } catch(err) {}
          </script>
          La ligne 71 c'est la dernière ligne d'une liste de mon menu header
          3. jjsteing Contributeur
            et dans la console d erreur de firefox (apres un clear bien sur) il t affiche quoi comme erreur ??
            1. chups21800 Auteur
              Il marque :
              Avertissement : Pseudo-classe ou pseudo-élément « unknown » inconnu. Jeu de règles ignoré suite à un mauvais sélecteur.
              Fichier source : file:/css/print.css Ligne : 22
              Avertissement : Pseudo-classe ou pseudo-élément « unknown » inconnu. Jeu de règles ignoré suite à un mauvais sélecteur.
              Fichier source : file:/css/print.css Ligne : 25
              Erreur : ie is not defined
              Fichier source : file:/js/objectSwap.js Ligne: 71

          Discussions similaires

          Tri les lettres d'un mot par ordre alphabétique
          labejau37

          9 réponses