28221 sujets

CSS et mise en forme, CSS3

Bonjour,

je suis en train de développer un site et lors d'une démonstration, on c'est apercu que l'internet explorer du client ne gérer pas de la meme maniere les CSS que mon poste de développement.

Les versions de IE sont les memes et je ne vois pas d'ou ca peut venir
( apparement il interprete différement les style de mes balises li)

voici le code CSS



div#menu
{
	clear : both ;
	width : 162px;
	float : left;
	margin:0; /**/
	padding:0; /**/
	margin-top : -11px;
	background : #FFFFFF url(../images/menu/fond.gif);	
	text-align : center;
	height : 20px;
	margin-bottom : -5px;
	padding-bottom : -5px;
}

div#menu h2
{
	margin-top : 0px;
	color : #FF8A00;
	font-size : 10px;
	font-weight : bold;
	text-align : left;
	width:150px;
	margin-bottom : 0 px;
	margin-left: 0px;
	background : url(../images/menu/titre2.jpg) no-repeat;
	height : 20px;
	vertical-align : top;
}

div#menu h2 a
{
	position : relative;
	top : 2px;
	vertical-align : baseline;
	margin : 0px;
	padding : 0px;
	color : #FF8A00;
	text-decoration : none;
}

div#menu ul
{
	list-style-type : none;
	width : 150px;
	list-style-position : inside;
	margin : 0px;
	padding:0; /**/
	margin-top : -2px;
	margin-bottom : 0px;
}

div#menu ul li
{
	margin : 0px;/**/
	padding:0px;/**/
	width : 100%;
	list-style-type : none;
	list-style-position : inside;
	margin-left : -16px;
	text-align : left;
}

div#menu ul li a, div#menu ul li a:visited, div#menu ul li a:link
{
	font-size : 10px;
	font-weight:bold;
	text-decoration : none ;
	width : 100%;
	color : #FFFFFF;
	margin-left : 10px;
}

div#menu ul li a:hover
{
	font-size : 10px;
	font-weight:bold;
	text-decoration : none ;
	width : 100%;
	color : #FF8A00;
	margin-left : 9px;
}

div#menu ul li a:active
{
	font-size : 10px;
	font-weight:bold;
	text-decoration : none ;
	width : 100%;
	color : #FF8A00;
	margin-left : 9px;
}

.cell2
{
	background : url(../images/menu/cell2.gif) no-repeat;
	height : 32px ;
	line-height : 0.7em ;
	margin:0;
	padding:0;
}

.cell2 a
{
	position : relative;
	top : 1px;
	padding-top : 4px;
	vertical-align : baseline;
	margin-left : 9px;
}

.cell1
{
	background : url(../images/menu/cell1.gif) no-repeat;
	width:150px;
	height : 17px;
	margin :0;
	padding:0;
	border:1px solid #FF0000; /**/
}

.cell1 a, .cell1 a:hover, .cell1 a:active
{
	position : relative;
	top : -3px;
	vertical-align : baseline;
	margin:0;
	padding:0;
	padding-top:-5px;
	margin-left : 9px;

}


par contre, je peux pas vous fournir l'adresse du site, top secret Smiley cligne

Cordialement
Et la version de IE incriminée, c'est top secret aussi ? Smiley langue

ceci dit, c'est ptet pas le bon moyen d'attirer du monde pour t'aider Smiley cligne
La version était la 6( je croyais l'avoir indiqué, désolé ).
Mais c'est bon le probleme est résolu, probleme de police (taille du texte modifiable via le menu de IE ) sur différents postes ( ce que je pensais avoir gérer)

Merci de ton aide

Tchao