28173 sujets

CSS et mise en forme, CSS3

Hack CSS pour IE7

Bonjour,

Voilà avant j'utilisai le hack !important dans mes css pour l affichage suivant Mozilla ou IE, mais cette méthode ne marche plus sous IE7 bien entendu et de ce fait je me retrouve avec des décalages

Donc en relisant les tutos par ici, j ai vu une autre manière de procéder.

Malheureusement quand je l'applique, cela me change pas seulement l affichage pour IE mais aussi sous mozilla

Je pense que je dois mal procéder Smiley lol 

 #Layer_info_vit {

	<!--[if IE]>
	top:492px;
    <![endif]-->
	top:440px;

}


Comment écrire cela correctement ?

D'avance merci
Modifié par Skippy1 (07 Dec 2006 - 10:44)
Modérateur
Bonjour Skippy1 et bienvenue, Smiley smile

Peux-tu éditer ton message pour encadrer ton code entre les balises [ code]...[ /code] (sans espaces) comme indiqué dans la FAQ ou dans les règles lors de ton inscription ? Merci d'avance. Smiley cligne
Administrateur
Skippy1 a écrit :

Comment écrire cela correctement ?

D'avance merci

Hello et bienvenue,

Comme l'explique la FAQ, les commentaires conditionnels ne peuvent exister que dans un fichier XHTML (pas CSS) et ne peuvent contenir que du code XHTML et non des règles CSS.

Je te suggère donc de créer une feuille de style spéciale pour IE6 et inférieur, puis de l'appeler à l'aide d'un <link> contenu dans ton commentaire conditionnel.
Modifié par Raphael (07 Dec 2006 - 10:27)
Arfff ok me disait bien que je faisais ca comme un pied Smiley lol

Merci pour ton aide, je vais alors de ce pas créér une new feuille de style

bon je dois vraiment etre une pomme car j ai fait ca :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Mon site</title>
<? include ("fonctions.php"); ?>
<!--[if IE]>
<link href="<? echo "$url"; ?>/IE7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="<? echo "$url"; ?>/styles.css" rel="stylesheet" type="text/css" />
</head>


Mais ma feuille de style IE7.css n'est pas prit en compte
Modifié par Skippy1 (07 Dec 2006 - 11:12)
Si tu veux un truc en speed, tu as ça :

.maClass{
 color:black;
!color:green;
}
*> .maClass{
 color:red;
!color:blue;
}


le code avec le ! est reconnue par les IEs, mais IE6 ne lit pas *> donc le 2sd code est lisible que pour IE7.

Attention c'est un hack bien bourin, avec du temps, il vaut mieux utiliser les commentaires conditionnels, mais lorsque l'on a pas le temps...
Non non c'était moi qui savait plus ou j en était avec mes liens Smiley lol

Ca marche parfaitement, jusque maintenant faut plus du tout me parler de IE Smiley biggol
Sujet clos
Aller à