commentaires conditionnels valable seulement pour ie6 et inférieur ?

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics

seabird
WRInaute impliqué
WRInaute impliqué
 
Messages: 258
Inscription: Lun Déc 01, 2003 17:57

commentaires conditionnels valable seulement pour ie6 et inférieur ?

Message le Dim Nov 15, 2009 2:30

Bonjour,

J'ai un doute sur les commentaires conditionnels
J'ai un problème de marge avec la balise ul que sur ie6 ( probleme entre padding et margin)
Donc je veux spécifier une marge sur ie6 et inférieur et une autre marge pour tous les autres navigateurs.
J'ai donc écrit:
Code: Tout sélectionner
<!--[if gte IE 7]> <!-->
<ul style="padding-left:20px;">
<!--> <![endif]-->

<!--[if lte IE 6]>
<ul style="margin-left:20px;">
<![endif]-->


Apparemment cela fonctionne maintenant correctement, mais je me demande si cela est correct.

A votre avis ?
Merci

Dan_A
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 167
Inscription: Mer Déc 21, 2005 11:43

Re: commentaires conditionnels valable seulement pour ie6 et inférieur ?

Message le Dim Nov 15, 2009 9:50

Est-ce que ça marche encore avec Firefox, safari, chrome ou opera?
Je ne crois pas que cette utilisation soit souhaitable.
Il faut plutôt mettre les instructions dans le fichier css (ou utiliser les commentaires conditionnels pour ajouter un style après le fichier css ou les autres instructions css) pour que chaque navigateur trouve l'html qui convient (ici c'est internet explorer uniquement qui trouve l'annonce d'une liste!)et le style souhaité.

seabird
WRInaute impliqué
WRInaute impliqué
 
Messages: 258
Inscription: Lun Déc 01, 2003 17:57

Re: commentaires conditionnels valable seulement pour ie6 et inférieur ?

Message le Dim Nov 15, 2009 10:31

Oui ça fonctionne , j'ai testé sur Firefox, Netscape, Opera,chrome, ie8, ie6.

Si je ne me trompe pas ce code:
Code: Tout sélectionner
<!--[if gte IE 7]> <!-->
<ul style="padding-left:20px;">
<!--> <![endif]-->

veut dire si c'est n'importe quel navigateur y compris ie7 et supérieur.

et ce code:
Code: Tout sélectionner
<!--[if lte IE 6]>
<ul style="margin-left:20px;">
<![endif]-->

veut dire si c'est ie6 et inférieur.

Donc en combinant les deux , j'arrive bien à ce que je veux, maintenant est ce judicieux ?

Dan_A
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 167
Inscription: Mer Déc 21, 2005 11:43

Re: commentaires conditionnels valable seulement pour ie6 et inférieur ?

Message le Dim Nov 15, 2009 16:44

Je me méfie beaucoup des commentaires conditionnels dans l'html. Cela rend le débogage difficile.
Dans ce cas, je préfère agir sur le fichier css, d'autant plus qu'ici il faut cibler ie 6 et sans doute ses versions précédentes et qu'il est question de présentation.
Il y a peut être même une solution css à ce problème sans hack ou commentaire conditionnel...

calouu
Nouveau WRInaute
 
Messages: 15
Inscription: Dim Déc 14, 2008 14:33

Re: commentaires conditionnels valable seulement pour ie6 et inférieur ?

Message le Lun Nov 16, 2009 20:49

C'est classique les problèmes de marges avec IE...

Oui, tu peux faire des commentaires conditionnels pour toutes les versions d'IE. Tu trouveras tous les détails ici : http://www.blog-and-blues.org/articles/Les_syntaxes_de_commentaires_co ... IE_Windows

Cependant, tu peux essayer aussi le coup du zoom:1 pour contourner le phénomène de hashlayout de IE
http://css.mammouthland.net/margin-padding-css.php#msie

Bon courage ;)


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités