Page 1 sur 1
syntaxe entre ie6/ie7/ff
Posté : 28 juin 2007, 18:39
par x@v
Bonjour,
voilà j'ai un problème insoluble de marge.
Mais avant je me servait de la syntaxe pranent enfant, mais aujourd'hui ie7 la reconnait.
Donc je faisait pour gecko:
#intro>#prembule {....}
et pour ie6
div#prembule {....}
Merci
Posté : 28 juin 2007, 20:50
par Cyrano
Et heu... finalement, c'est quoi la question ??
Posté : 29 juin 2007, 04:34
par x@v
en faite je me demandais comment vérifier la version d'ie en css.
je dois faire
Code : Tout sélectionner
<!--[if IE 7]>
/* je met ma règle ensuite */
#dd {color:#fff;}
<![endif]-->
Est ce que c'est suffisant pour que seul ie7 l'affiche mais pas les autres ?
Posté : 29 juin 2007, 06:21
par Cyrano
Et si tu nous soumettais la nature du problème si c'est pour des marges, il y a certainement une solution valide quelque soit le navigateur sans passer par des hacks
Posté : 29 juin 2007, 10:09
par Victor BRITO
Pour l'utilisation de commentaires conditionnels, il vaut mieux utiliser une feuille de style distincte pour IE 7 et indiquer lesdits commentaires sur la page (X)HTML, et non sur le fichier CSS. Autrement dit, tu auras, dans ta page (X)HTML :
Code : Tout sélectionner
<!-- Feuille de style consultable par tous les navigateurs -->
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- Feuille de style consultable uniquement par IE 7 -->
<!--[if IE 7]>
<link href="style-ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
Je te conseille, pour compléter ce propos, une petite lecture concernant les
commentaires conditionnels pour Internet Explorer et leur syntaxe.
Posté : 29 juin 2007, 12:22
par x@v
je pensait pouvoir appliqué ça à une règle.
http://courant-alternatif.org/
c'est le block de texte qui mort par le bas sous ie7 seulement.
margin-bottom:10px;
Code : Tout sélectionner
/* fond des bloc de contenu*/
div#preamble,div#supportingText{
background: url(st_bg.gif);
}
/* premier bloc de contenue*/
div#preamble {
padding: 10px;
margin-bottom: 0px;
width: 370px; /* démarre le Box Model Hack*/
voice-family: "\"}\"";
voice-family: inherit;
width: 489px;
}
/* premier bloc de contenue FF*/
#intro>#preamble {
padding: 10px;
margin-bottom: 10px;
width: 370px; /* démarre le Box Model Hack*/
voice-family: "\"}\"";
voice-family: inherit;
width: 489px;
}
#supportingText{
padding: 10px;
margin-bottom: 10px;
width: 370px; /* démarre le Box Model Hack*/
voice-family: "\"}\"";
voice-family: inherit;
width: 489px;
}
/*largeur des blocs à partir du deuxième*/
body > div#preamble,#supportingText{
width: 489px;
}
J'ai changer de tactique mais bizarrement ie7 ne fonctionne pas
<?php
if(ereg("MSIE", $_SERVER["HTTP_USER_AGENT"]))
{
echo '<!--[if IE 7]>
<link rel="stylesheet" href="divers_ie7.css" type="text/css" />
<![endif]-->';
echo '<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="divers.css" />
<![endif]-->';
}
else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"]))
{
echo '<link rel="stylesheet" type="text/css" media="screen" href="divers_ff.css" />';
}
else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"]))
{
echo '<link rel="stylesheet" type="text/css" media="screen" href="divers_ff" />';
}
else
{
echo '<link rel="stylesheet" type="text/css" media="screen" href="divers_ff" />';
}
?>
Posté : 29 juin 2007, 22:12
par Victor BRITO
Pas besoin de PHP pour les commentaires conditionnels.
Posté : 30 juin 2007, 14:09
par xaviou
Ce que je veux dire c'est que le tets pour ie7 ne fonctionne pas chez moi.
<?php
if(ereg("MSIE", $_SERVER["HTTP_USER_AGENT"])) {
echo '<link rel="stylesheet" type="text/css" media="screen" href="./divers.css" />';
} else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"])) {
echo '<link rel="stylesheet" type="text/css" media="screen" href="./divers_ff.css" />';
} else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"])) {
echo '<link rel="stylesheet" type="text/css" media="screen" href="./divers_opera.css" />';
} else {
echo '<link rel="stylesheet" type="text/css" media="screen" href="./divers_ff.css" />';
}
?>
<!--[if IE 7]>
<link rel="stylesheet" href="./divers_ie7.css" type="text/css" />
<![endif]-->
Par exemple j'ai changé la couleur de fond en noir, mais j'ai une version standalone. Peut être que sa fonctionne chez les version normal ?
Posté : 02 juil. 2007, 15:33
par Victor BRITO
Pourquoi passer par PHP quand les commentaires conditionnels détectent plus simplement (et plus efficacement) Internet Explorer ?
Autrement dit, au lieu de ce code :
<?php
if(ereg("MSIE", $_SERVER["HTTP_USER_AGENT"])) {
echo '<link rel="stylesheet" type="text/css" media="screen" href="./divers.css" />';
} else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"])) {
echo '<link rel="stylesheet" type="text/css" media="screen" href="./divers_ff.css" />';
} else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"])) {
echo '<link rel="stylesheet" type="text/css" media="screen" href="./divers_opera.css" />';
} else {
echo '<link rel="stylesheet" type="text/css" media="screen" href="./divers_ff.css" />';
}
?>
<!--[if IE 7]>
<link rel="stylesheet" href="./divers_ie7.css" type="text/css" />
<![endif]-->
Utilise ce dernier, bien plus simple :
Code : Tout sélectionner
<link rel="stylesheet" type="text/css" media="screen" href="./divers.css" />
<!--[if IE 7]>
<link rel="stylesheet" href="./divers_ie7.css" type="text/css" />
<![endif]-->
Les versions d'IE antérieures à la 7 ignoreront bel et bien le fichier divers_ie7.css.
D'ailleurs, pourquoi distinguer Firefox d'Opera pour les CSS ?
Posté : 03 juil. 2007, 17:24
par x@v
sa me permet d'utiliser la syntaxe parent/enfant en ne l'appliquant que pour ie.
Parce que le test w$ ne fonctionne pas
Posté : 03 juil. 2007, 18:03
par Victor BRITO
Si tu cherches à distinguer entre les différentes versions d'IE, les commentaires conditionnels marchent
à merveille.
Code : Tout sélectionner
<!--[if IE 7]>
Le code lu par IE 7
<![endif]-->
<!--[if lte IE 6]>
Le code lu par IE toutes versions sauf la 7
<![endif]-->
<!--[if lt IE 6]>
Le code lu par IE jusqu'à la version 5.* (code ignoré donc des versions 6 et 7)
<![endif]-->
<!--[if !IE]> <-->
Le code ignoré d'IE (toutes versions), mais pas des autres navigateurs, contrairement aux commentaires conditionnels mentionnés ci-avant
<!--> <![endif]-->
En cas de doute, n'hésite pas à lire et relire cet
article, que je me tue à recommander.
Posté : 15 août 2007, 14:24
par artotal
j'y comprend absolument rien, vous me dite que les test sur ie fonctionne, mais pas chez moi peut -être parce que je n'ai pas ie7 normal ?
sur ce site
http://voxmundi.fr/
style_ie7.css est vide mais il m'affiche quand même la css pour ie6 ?
http://voxmundi.fr/css/style_ie7.css
j'ai un windows cracké je l'utilise juste pour voir mes sites web, je suis dégouté, je hais windows
<?php
if(ereg("MSIE", $_SERVER["HTTP_USER_AGENT"]))
{
echo '<!--[if IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="./css/style_ie7.css" />
<![endif]-->';
echo '<!--[if IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css" />
<![endif]-->';
}
else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"]))
{
echo '<link rel="stylesheet" type="text/css" media="screen" href="./css/style_ff.css" />';
}
else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"]))
{
echo '<link rel="stylesheet" type="text/css" media="screen" href="./css/style_opera.css" />';
}
else
{
echo '<link rel="stylesheet" type="text/css" media="screen" href="./css/style_ff.css" />';
}
?>
Posté : 15 août 2007, 14:42
par zeus
Alors déjà, c'est pas une question de Windows, donc merci de retenir ce genre de commentaire qui n'est qu'une porte à troll
De plus, en tant que développeur vendant son travail, c'est à toi de faire un sorte que tes sites soient portable et non pas à tes visiteurs de s'adapter à tes préférences ...
Ensuite, je peut t'assurer qu'il est beaucoup plus fiable d'utiliser les commentaires conditionnels que le PHP car HTML connait de manière sure le navigateur sur lequel il s'exécute alors qu'il est possible d'envoyer de mauvaises informations à PHP.
Essaye de trouver un PC avec un navigateur IE7 mais tout les add-ons ou autres astuces sont des portes à l'a peu près
Posté : 16 août 2007, 19:15
par artotal
je suis tout a fait d'accord avec toi, je suis exaspéré parce que les conditions de ie ne fonctionne, le reste tu l'inventes. Je n'est pas demander aux gens de s'adapter ou autre chose je fais un simple constat d'amertume. La version d'ie7 que j'ai n'ai qu'en version officieuse ne fonctionne et comme m$ sait que beaucoups de geek se passent ou aimerai se passer d'eux...
Je peux comprendre que tu trouvent à ton goût tout ce qu'il font. Mais imposer leurs produits de cette façon m'ennuie, moi si je pouvais m'en passer sa serai super, mais je ne peux pas, puisque tout le monde ne jure que pas billou le champion "de l'étique". (bon tu n'as pas non plus dit que c'était à ton goût)
Ce qui m'empale dans l'amertume c'est de devoir m'équiper de windaub, craker sa allait mais payer ce produit me laisse de l'amer...
Mais si la majorité n'est pas d'accord avec moi sa ne m'étonnera guère et je ne vais donc pas m'en émouvoir, trop commun, ce camp là.
Posté : 16 août 2007, 19:45
par zeus
Contrairement à ce que tu dit, je n'ai pas d'affinité particulière avec MS, sauf que la très grande majorité du monde ne connait que ça et n'ira pas voir plus loin que clic-droit pour enregistrer leur image ...