Bonjour aux pros de la CSS !
Je vous soumets le soucis que je rencontre au niveau rendu entre FF et IE :
Sur le lien suivant: http://www.dhk.be/NEW/
vous pouvez voir une liste de liens horizontaux qui doivent prendre exactement la même largeur que l'image du dessus (665px)
Sous IE, je dois specifier 700px pour ne pas que le dernier lien passe à la ligne et je conserve apparemment un bug d'espace à droite.
Sous FF, cela semble mieux fonctionner mais vu que je specifie 700px pour le rendu sous IE, le dernier lien depasse alors de +- 5px à droite.
Quel hack ou lignes de codes supplementaires dois-je utiliser pour que le rendu sois pareil sur les 2 navigateurs et plus si affinités??
Merci bcp d'y regarder.
Merci encore.... !!
Voici une partie du code CSS :
Modifié par humbucker (24 May 2006 - 15:36)
Je vous soumets le soucis que je rencontre au niveau rendu entre FF et IE :
Sur le lien suivant: http://www.dhk.be/NEW/
vous pouvez voir une liste de liens horizontaux qui doivent prendre exactement la même largeur que l'image du dessus (665px)
Sous IE, je dois specifier 700px pour ne pas que le dernier lien passe à la ligne et je conserve apparemment un bug d'espace à droite.
Sous FF, cela semble mieux fonctionner mais vu que je specifie 700px pour le rendu sous IE, le dernier lien depasse alors de +- 5px à droite.
Quel hack ou lignes de codes supplementaires dois-je utiliser pour que le rendu sois pareil sur les 2 navigateurs et plus si affinités??
Merci bcp d'y regarder.
Merci encore.... !!
Voici une partie du code CSS :
#subheaderlinks {
margin-top: 2px;
height: 26px;
background-color: #fff123;
width: 669px;
text-align:center;
}
#subheaderlinks ul {
list-style-type: none;
white-space : nowrap;
padding:0px;
}
#subheaderlinks ul li {
display:inline;
float: left;
line-height: 26px;
}
.subheaderlinksinner {
border-left: 2px solid #FFFFFF;
margin:0;
padding:0;
}
#subheaderlinks a {
font: normal 9pt Arial; color: #ffffff; text-decoration: none;
font-weight: none;
letter-spacing: 3px;
padding: 6px 17px 5px 17px;
background-color: #787878;
display: inline;
}
#subheaderlinks a:hover {
background-color:#F29200;
color: #ffffff;
}
Modifié par humbucker (24 May 2006 - 15:36)