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 :
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)
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)