28173 sujets

CSS et mise en forme, CSS3

Bonjour aux pros de la CSS ! Smiley cligne

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)
deja ici

#subheaderlinks  ul {

	list-style-type: none; 

  	white-space : nowrap;

margin: 0;  /*/////////  a ajouter /////*

	padding:0px;

	}

pour IE uniquement dans le head de ton fichier html
<!--[if IE]>
<style type="text/css">
#subheaderlinks {
	width: 700px;
}
</style>
<![endif]-->

Modifié par jp94 (24 May 2006 - 15:47)
ca ne resout pas le probleme, il a toujours un gap de 4px qui apparait a la fin de la liste sous IE, quelqu'un a deja eu le problem??

merci