Problème commentaire conditionnel ie avant V7

Savagnin

Savagnin

Membre actif
9 Avril 2005
477
23
54
Salut:coucou:
Alors voilà...
J'ai un souci de reconnaissance par ie d'un commentaire conditionnel...
Je m'explique.
Dans ma page, je mets
Bloc de code: 
<link href="styles/accueil.css" rel="stylesheet" type="text/css" media="all" />
	<!--[if lt IE 7]>
	<link href="styles/ie-only.css" rel="stylesheet" type="text/css" media="all" />
	<![endif]-->

...J'ai donc 2 css : une pour ie ant&#233;rieur &#224; la version 7, et une pour les autres, et ie me fait un "mix" des 2... C'est possible &#231;a ?
Sachant que j'ai essay&#233; en enlevant
Bloc de code: 
<link href="styles/accueil.css" rel="stylesheet" type="text/css" media="all" />
et en ne mettant que
Bloc de code: 
<!--[if lt IE 7]>
	<link href="styles/ie-only.css" rel="stylesheet" type="text/css" media="all" />
	<![endif]-->
...et que ie me trouve bien sa bonne css.
Qu'ai-je mal fait ?:confused:
Vous remerciant d'avance de vos avis &#233;clair&#233;s...
 
Savagnin a dit:
...J'ai donc 2 css : une pour ie ant&#233;rieur &#224; la version 7, et une pour les autres, et ie me fait un "mix" des 2... C'est possible &#231;a ?
Cliquez pour agrandir...

Bien s&#251;r qu'IE (6 et avant) fait un mix des deux : il va prendre les deux CSS d&#233;clar&#233;es, le truc c'est de mettre dans la feuille Sp&#233;ciale IE uniquement les changements par rapport &#224; la feuille standard et de ne pas refaire un 2e fichier CSS complet.
 
Parce que j'ai toujours un souci...
Dans ma page, j'ai des png... (ombre port&#233;e + fond blanc) que j'ai remplac&#233; par des gif dans la ccs "ie-only"
Bloc de code: 
#haut
{
width: 820px;
height: 18px;
background : url("../images/topdef-trans.gif") center top no-repeat;
}
#centre
{
width: 820px;
background : url("../images/centredef-trans.gif") center top repeat-y;
}
#bas
{
width: 820px;
height: 18px;
background : url("../images/basdef-trans.gif") center bottom no-repeat;
}
...et quand j'ouvre ma page sur ie, il prend - dirait-on - le "haut" en png et le "centre" en gif (voir photo d'&#233;cran...)
Suis-je clair ????
 
La page est l&#224;...
Mais &#231;a marche maintenant avec ie parce que j'ai mis
Bloc de code: 
		<!--[if IE 7]> <-->
	   <link href="styles/accueil.css" rel="stylesheet" type="text/css" media="all" />
		<!--> <![endif]-->		
		<!--[if lte IE 6]>
		<link href="styles/ie-only.css" rel="stylesheet" type="text/css" media="all" />
		<![endif]-->
comme le proposait p4bl0...

Donc, il faut faire une CSS pour ie, et une pour les autres, c'est &#231;a ?

Merci encore !
 
Savagnin a dit:
Parce que j'ai toujours un souci...
Dans ma page, j'ai des png... (ombre port&#233;e + fond blanc) que j'ai remplac&#233; par des gif dans la ccs "ie-only"
Bloc de code: 
#haut
{
width: 820px;
height: 18px;
background : url("../images/topdef-trans.gif") center top no-repeat;
}
#centre
{
width: 820px;
background : url("../images/centredef-trans.gif") center top repeat-y;
}
#bas
{
width: 820px;
height: 18px;
background : url("../images/basdef-trans.gif") center bottom no-repeat;
}
...et quand j'ouvre ma page sur ie, il prend - dirait-on - le "haut" en png et le "centre" en gif (voir photo d'&#233;cran...)
Suis-je clair ????
Cliquez pour agrandir...
si tu veux pas te faire trop chier &#224; cause de IE, il y a quelques temps gloup gloup nous a d&#233;nich&#233; un script g&#233;nial qui sauve la vie des webmasters, et qui tue les gens qui mangent des enfants (v&#233;ridique) !

http://dean.edwards.name/IE7/ et je peux dire que &#231;a marche bien !
 
Savagnin a dit:
La page est l&#224;...
Mais &#231;a marche maintenant avec ie parce que j'ai mis
Bloc de code: 
		<!--[if IE 7]> <-->
	   <link href="styles/accueil.css" rel="stylesheet" type="text/css" media="all" />
		<!--> <![endif]-->		
		<!--[if lte IE 6]>
		<link href="styles/ie-only.css" rel="stylesheet" type="text/css" media="all" />
		<![endif]-->
comme le proposait p4bl0...

Donc, il faut faire une CSS pour ie, et une pour les autres, c'est &#231;a ?

Merci encore !
Cliquez pour agrandir...
pas forc&#233;mment, mais c'ets mieux pour que IE ne s'emmele pas les pinceaux :)

mais je te conseil de mettre if lt IE 7 plut&#244;t que if lte IE 6 parce que l&#224;, les versions 6.x elles ne savent pas quoi faire ;)
 
...j'ai test&#233; le dit script : mais c'est encore pire (&#231;a bougait toute mon organisation:eek: !)

Apr&#232;s, c'est peut-&#234;tre moi qui ai mal fait, mais il n'y a pas 36 fa&#231;ons de l'utiliser, nan ?

1_J'ai mis le dossier "ie7" &#224; la racine de mon site

2_J'ai mis le commentaire
Bloc de code: 
		<!-- compliance patch for microsoft browsers -->
		<!--[if lt IE 7]><script src="/ie7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->

...ben &#231;a marchait pas...
Pourtant je fondais de grands espoirs sur ce script, d'apr&#232;s ce que je lisais...
 
Savagnin a dit:
...j'ai testé le dit script : mais c'est encore pire (ça bougait toute mon organisation:eek: !)

Après, c'est peut-être moi qui ai mal fait, mais il n'y a pas 36 façons de l'utiliser, nan ?

1_J'ai mis le dossier "ie7" à la racine de mon site

2_J'ai mis le commentaire
Bloc de code: 
		<!-- compliance patch for microsoft browsers -->
		<!--[if lt IE 7]><script src="/ie7/ie7-standard-p.js" type="text/javascript"></script><![endif]-->

...ben ça marchait pas...
Cliquez pour agrandir...
ho... :confused:

chez moi &#231;a a fait des miracles :love:
 
Très joli. Juste un truc à propos de la hiérarchie des titres : je mettrais un H1 sur l'entête

Bloc de code: 
 <h1><img src="entete.jpg" alt="Franck Bas : graphiste"</h1>
et puis (quitte à changer la taille dans la CSS, la hiérarchie est très importante) :

Bloc de code: 
<h2>Janvier 2006<span class="slash2">/////////////////////////////</span>Décembre 2006</h2>
                <h3>Une année d'exercice !</h3>
Puis j'enlèverais les barres obliques (ce n'est pas du contenu) et je les remplacerais pas un fond. ;)

Et enfin dans ta meta description je mettrais au moins la localité :

Bloc de code: 
<meta name="Description" content="Graphiste indépendant de Localité installé sur la Route des Microtechniques : création et réalisation de tous supports de communication" />
Enfin, un truc comme ça (utile pour le référencement)... ;) Si quelqu'un cherche dans google graphiste+localité, il y a plus de chance qu'il tombe sur ton site en premier qu'une foule de site se revendiquant tous Graphiste simplement.
 
En tous cas MERCI ENCORE à vous pour vos lumières et vos bonnes idées d'amélioration !
Bien content : mon souci d'ie semble réglé...:up: :up: :up:
 
Je reviens sur la meta description... Le truc c'est de caser dans une phrase et surtout dans les premiers mots un max de renseignements. Je pensais &#224; un truc comme &#231;a :
Bloc de code: 
<meta name="Description" content="Franck Bas : graphiste ind&#233;pendant de Localit&#233; (Doubs/France) install&#233; sur la Route des Microtechniques (cr&#233;ation et r&#233;alisation de tous supports de communication)" />
Quand elle est renseign&#233;e, elle appara&#238;t dans le r&#233;sultat de la recherche avec Google, exemple avec le site de p4bl0 :

http://www.google.com/search?q=pabl...s=org.mozilla:en-US:official&client=firefox-a
 
gloup gloup a dit:
Je reviens sur la meta description... Le truc c'est de caser dans une phrase et surtout dans les premiers mots un max de renseignements. Je pensais &#224; un truc comme &#231;a :
Bloc de code: 
<meta name="Description" content="Franck Bas : graphiste ind&#233;pendant de Localit&#233; (Doubs/France) install&#233; sur la Route des Microtechniques (cr&#233;ation et r&#233;alisation de tous supports de communication)" />
Quand elle est renseign&#233;e, elle appara&#238;t dans le r&#233;sultat de la recherche avec Google, exemple avec le site de p4bl0 :

http://www.google.com/search?q=pabl...s=org.mozilla:en-US:official&client=firefox-a
Cliquez pour agrandir...

:cool: :cool: :up:

Vas-y Savagnin prend ce que te donne gloup gloup moi j'ai mis exactement ce qu'il m'avais conseill&#233; :zen: :up:
 

Sujets similaires

Pochtroi
Développement site en local
Réponses
10
Affichages
3K
Développement web
Pochtroi
Pochtroi
zarathoustra
élements de type bloc ne se placent pas l'un sous l'autre
Réponses
14
Affichages
7K
Développement web
zarathoustra
zarathoustra
I
Popup video
Réponses
1
Affichages
2K
Développement web
WebD
WebD
dmo95
JavaScript quand tu nous tiens (ou pas)
Réponses
8
Affichages
1K
Développement web
tatouille
tatouille
biomechanical
site full flash en plein écran...
Réponses
3
Affichages
3K
Développement web
pb88081
pb88081
Haut Bas
Back