18041 sujets

Questions générales et questions de débutants

Feuille de Style compatible IE7 [RESOLU]

SLt tout le monde !

j'ai créer une feuille de style dédié a IE7.
mais lorsque je test sur IE7 il prend en compte le style général et non pas celui dédié à IE7

Dans ma page voici ce que j'ai mis :

<link href="../images/structure.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if lt IE 7]>
   <link rel="stylesheet" type="text/css" href="imagess/ie_only.css" media="screen"   />
<![endif]-->


La feuille de style générale :
#header  .monCompte  h2 {
	font-size: 110%;
	color: #FFFFFF;
	background-image: url(icon_compte.gif);
	background-repeat: no-repeat;
	height: 30px;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-position: right;
	margin: 0em;
	padding-left: 7em;
}


et la feuille de style IE7
#header  .monCompte  h2 {
	font-size: 110%;
	color: #FFFFFF;
	background-image: url(icon_compte.gif);
	background-repeat: no-repeat;
	height: 30px;
	line-height: 32px;
	background-position: right;
	padding-left: 10em;
	text-align: right;
	margin: 0;
	padding-right: 3em;
}


merci de notre aide
Modifié par Kweb (06 Jul 2008 - 18:56)
Salut,

<link href="../images/structure.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if lt IE 7]>
   <link rel="stylesheet" type="text/css" href="images[b][#red]s[/#][/b]/ie_only.css" media="screen"   />
<![endif]-->

Ca ne viendrait pas d'une erreur de ta part ?
Smiley cligne
Modifié par Mikachu (04 Jul 2008 - 10:09)
Hello Kweb,

si tu veux que ce soit compris par IE7 il faut remplacer :
<!--[if lt IE 7]>
par
<!--[if lt[b][#blue]e[/#][/b] IE 7]>
(less than, equal / inférieur ou égal).

A+ Smiley cligne
Administrateur
Heyoan a écrit :
Hello Kweb,

si tu veux que ce soit compris par IE7 il faut remplacer :
<!--[if lt IE 7]>
par
<!--[if lt[b][#blue]e[/#][/b] IE 7]>
(less than, equal / inférieur ou égal).

A+ Smiley cligne

Yop,


<!--[if [b][#blue]lte[/#][/b] IE 7]> IE7, IE6, ...
<!--[if [b][#blue]lt[/#][/b] IE 8]> exactement pareil
<!--[if IE 7]> IE7 et uniquement IE7
Merci pour votre aide !

cependant avec tout cela, mon bug persiste sur IE7, c'est au niveau de "mon compte" l'image d'arrière plan viens ce logé sur le texte.....

dans les teste que je fais, dans IE_only.css, j'ai mis la taille du texte a 300% et supprimer l'image d'arrière plan... aucun effet, il prend donc le css général..

Une idée ?
Administrateur
Tu as toujours un problème avec les chemins vers tes feuilles de style:



<link href="images/structure.css" rel="stylesheet" type="text/css" media="screen" />
<link href="images/formulaire.css" rel="stylesheet" type="text/css" media="screen" />
<link href="images/class.css" rel="stylesheet" type="text/css" media="screen" />

vs

<!--[if lte IE 7]>
<link href="[#blue]../[/#]images/ie_only.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->


Et une "feuille de style" n'a rien à faire dans un répertoire "images" Smiley cligne

EDIT:
http://www.cotedecor.com/coparkage/final/images/ie_only.css existe mais pas http://www.cotedecor.com/coparkage/images/ie_only.css là où ta page HTML la recherche Smiley cligne
Modifié par Felipe (04 Jul 2008 - 18:00)
Pffffff ! on vas dire que je suis tres fatigué Smiley lol ....
bon cette fois ci, tout fonctionne.

encore une fois merci de votre aide
Sujet clos
Aller à