28173 sujets

CSS et mise en forme, CSS3

Bonjour,

je tiens tout d'abord a vous feliciter pour votre site au contenu tres complet, clair et bien documente, qui m'a permis de rendre les sites dont je fais le design un peu plus accessible - du moins je l'espere...

Je suis en train de redesigner un site pour un client, et quand je pensais avoir enfin pratiquement termine je me suis rendu compte qu'il existait un leger bug d'affichage sous Safari / Firefox Mac, alors que le site s'affiche sans probleme sous IE/Firefox/Opera PC.

La page se trouve ici : http://www.tokyooffice.co.jp/remka_tests/tokyooffice_jp/

Et voila ce qu'un utilisateur Mac semble voir :
http://img103.imageshack.us/my.php?image=146511ax5.png
Vous noterez le decallage en dessous des elements du menu...

Le menu :
#navMenu {

      float:right;

      font-size:93%;

      line-height:normal;

	  margin-bottom:20px;

	  width : 450px;

	  padding-top: 9px;

      }

    #navMenu ul {

      margin:0;

      padding:8px 10px 0;

      list-style:none;

	  margin-bottom:-2px;

      }

    #navMenu li {

      float:right;

      background:url("img/left.gif") no-repeat left top;

      margin:0;

      padding:0 0 0 11px;

      }

    #navMenu a {

      float:left;

      display:block;

      background:url("img/right.gif") no-repeat right top;

      padding:8px 15px 4px 6px;

      text-decoration:none;

      /*font-weight:bold;*/

      color:#B7AD62;

	  text-transform: uppercase;

	  font-size:0.9em;

      }

    /* Commented Backslash Hack

       hides rule from IE5-Mac \*/

    #navMenu a {float:none;}

    /* End IE5-Mac hack */

    #navMenu a:hover {

      color:#333;

      }

    #navMenu #current {

      background-image:url("img/left_on.gif");

      border-width:0;

      }

    #navMenu #current a {

      background-image:url("img/right_on.gif");

      color:#000;

      padding-bottom:5px;

	  cursor:text;

      }


J'ai tente de reduire le margin en bas du menu, un margin negatif, mais rien ne semble fonctionner...
Quelqu'un aurait-il une idee ?
Modifié par remka (28 Jul 2006 - 08:51)
Salut Remuka,

Pour ma part je vois la même chose sous IE/PC que ton image Safari, du moins pour la page citée, pour les autres ça semble correct.
Le point qui me parait étrange c'est la marge basse négative pour #navMenu ul
Malheureusement n'ayant pas de Mac et pas la possibilité d'en utiliser un d'ici trois semaines je ne peux pas vérifier si en supprimant cette marge le problème est résolu ou non (en tout cas ça corrige le problème ous IE chez moi).