J’ai travaillé sur mon favori Mozilla et j’ai fait un tour sur IE. Et bien sûr déception le résutat est totalement différent exemple le footer avec les classes small logiquement centrée où j’ai gardé que le plan et la espace privé, il se comporte très bien sur Mozilla , sur IE c’est une catastrophe …
Est-ce normal ?
Amicalement
Khryst
Besoin d’un e-mail ? Créez gratuitement un compte Windows Live Hotmail et importez tous vos contacts Outlook en quelques clics ! Windows Live Hotmail
Idalina Blume a écrit :
J'ai travaillé sur mon favori Mozilla et j'ai fait un tour sur IE. Et bien sûr déception le résutat est totalement différent exemple le footer avec les classes small logiquement centrée où j'ai gardé que le plan et la espace privé, il se comporte très bien sur Mozilla , sur IE c'est une catastrophe ....Est-ce normal ?Amicalement Khryst
Bonjour
Oui, c'est NORMAL.
Internet Explorer n'interprète pas de la même manière les normes.
Il faut que tu utilises les commentaires conditionels, c'est un bout
de code qui sera interprété uniquement par IE, dans lequel tu
pourras lui faire appeller une CSS spécifique pour lui.
par exemple:
<!--[if IE]>
<link rel="stylesheet" type="text/css"
href="http://127.0.0.1/webinformatik/css/hack-ie6.css" />
<![endif]-->
Bon courage
Grégoire
Salut, ce qui serait bien lorsque tu evoques un probleme est de donne une url (si disponible :), c’est plus simple pour aider…
Karim
Le 10/07/07, Idalina Blume <miss.blume@hotmail.fr> a écrit :
J’ai travaillé sur mon favori Mozilla et j’ai fait un tour sur IE. Et bien sûr déception le résutat est totalement différent exemple le footer avec les classes small logiquement centrée où j’ai gardé que le plan et la espace privé, il se comporte très bien sur Mozilla , sur IE c’est une catastrophe …
Est-ce normal ?Amicalement
Khryst
Besoin d’un e-mail ? Créez gratuitement un compte Windows Live Hotmail et importez tous vos contacts Outlook en quelques clics ! Windows Live Hotmail
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ
–
Karim Belkacem
Graphiste - Web Designer - Ergonome
11, rue Neuve Sainte-Catherine
13007 Marseille
Gsm:(+33)6 818 375 63
Fixe:(+33)4 915 480 46
Le mardi 10 juillet 2007 12:58, Grégoire a écrit :
<!--[if IE]>
<link rel="stylesheet" type="text/css"
href="http://127.0.0.1/webinformatik/css/hack-ie6.css" />
<![endif]-->
Intéressant, le truc dont j'ai par hasard besoin...
Deux questions complémentaires :
- je suppose qu'on met ça dans head ?
- si je veux juste modifier une unique valeur est-ce que je peux écrire :
<!--[if IE]>
.smenui ul {
margin-left : 0;
}
<![endif]-->
- dans ce cas si c'est admis je suppose que ça irait plutôt dans body ?
--
Cordialement, Daniel Cartron
« Je plains celui qui n'a pas été révolutionnaire à vingt ans : c'est qu'il
manque de coeur. Je plains celui qui est toujours révolutionnaire à quarante
ans: c'est qu'il manque de tête. »
George Bernard Shaw
Le mardi 10 juillet 2007 12:58, Grégoire a écrit :
> <!--[if IE]>
> <link rel="stylesheet" type="text/css"
> href="http://127.0.0.1/webinformatik/css/hack-ie6.css" />
> <![endif]-->Intéressant, le truc dont j'ai par hasard besoin...
Deux questions complémentaires :
- je suppose qu'on met ça dans head ?
- si je veux juste modifier une unique valeur est-ce que je peux écrire :
<!--[if IE]>
.smenui ul {
margin-left : 0;
}
<![endif]-->
Je dirai plutot un truc comme ca :
<!--[if IE]>
<style type="text/css">
.smenui ul {margin-left : 0;}
</style>
<![endif]-->
mais en fait non plus, parceque pour de multiples raisons, il est preferable
de ne pas mettre de directives de mise en forme a l interieur de la page
html, mais dans un fichier css externe
la syntaxe devient donc
<!--[if IE]>
<link rel="stylesheet" href="#CHEMIN{IE.css}" type="text/css">
<![endif]-->
A noter qu on peut faire des trucs plus pointus avec ce principe genre :
<!--[if lt IE 7]>
<link rel="stylesheet" href="#CHEMIN{IE.css}" type="text/css">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="#CHEMIN{IE7.css}" type="text/css">
<![endif]-->
qui se lit : "si version d IE inferieur a 7 prendre IE.css si version = 7
prendre IE7.css"
Cordialement, Daniel Cartron
« Je plains celui qui n'a pas été révolutionnaire à vingt ans :
c'est qu'il
manque de coeur. Je plains celui qui est toujours révolutionnaire
à quarante
ans: c'est qu'il manque de tête. »
George Bernard Shaw
J aime pas bien que le monsieur parle de mon absence de tete comme ca devant
tout le monde....
triton
Le lundi 16 juillet 2007 12:36, triton a écrit :
la syntaxe devient donc
<!--[if IE]>
<link rel="stylesheet" href="#CHEMIN{IE.css}" type="text/css">
<![endif]-->
mais mon fichier css fait pas loin de 400 lignes et je ne veux en modifier
qu'une seule, or là j'ai l'impression que j'aurai deux fichiers distincts,
qui devront être tous les deux complets, et je devrai à chaque modif de style
penser à la répercuter dans les deux fichiers...
Donc inclure le style (ou plutôt le hack) dans le head me semble moins pire
comme solution ?
A noter qu on peut faire des trucs plus pointus avec ce principe
Ha oui c'est puissant, je note.
J aime pas bien que le monsieur parle de mon absence de tete comme ca
devant tout le monde....
Alors bienvenue au club des révolutionnaires...
--
Cordialement, Daniel Cartron
« Pour être heureux avec les êtres, il ne faut leur demander que ce qu'ils
peuvent donner. »
Tristan Bernard
mais mon fichier css fait pas loin de 400 lignes et je ne veux en
modifier
qu'une seule, or là j'ai l'impression que j'aurai deux fichiers
distincts,
qui devront être tous les deux complets, et je devrai à chaque
modif de style
penser à la répercuter dans les deux fichiers...
Si tu places l appel de ton fichier IE apres le fichier css commun, tu peux
ecraser uniquement les class que tu veux (sature ou surcharge je crois qu on
dit)...
c est a mon avis la meilleure solution pour tenir compte des specificites
ie, tous les hacks existants posent pb en fait, en passant y en a un qui est
rigolo et decouvert par hasard, ie accepte la plupart des directives css
avec un _ devant : genre :
_margin est pour lui egal a margin
donc si dans ta css tu mets :
margin-left : 10px;
_margin-left : 0;
pour ie margin-left sera egal a 0 pour les autres navigateurs a 10px... mais
bon, ce genre de bidouilles, c est pas une solution... Pour ma part, ma
conclusion, on peut toujours se debrouiller pour obtenir une mise en page
esthetique avec une seule css, mais c est plus complique....
triton
Le lundi 16 juillet 2007 13:13, triton a écrit :
Si tu places l appel de ton fichier IE apres le fichier css commun, tu peux
ecraser uniquement les class que tu veux (sature ou surcharge je crois qu
on dit)...
Je connais "surcharge"... Ceci dit j'étais en train de me dire que la
surcharge pouvait être ponctuelle, mais je savais pas si ça marcherait, j'ai
encore appris qq chose.
pour ie margin-left sera egal a 0 pour les autres navigateurs a 10px...
bon ej vais me contenter de ça, c'est vraimet le plus simple pour mon besoin.
mais bon, ce genre de bidouilles, c est pas une solution... Pour ma part,
ma conclusion, on peut toujours se debrouiller pour obtenir une mise en
page esthetique avec une seule css, mais c est plus complique....
Ouais, mais j'ai fait un menu un peu complexe au niveau css, plusieurs niveaux
d'images superposées, c'est joli mais pénible à gérer. Mes envies esthétiques
dépassent mes compétences en css, mais c'est aussi comme ça qu'on
progresse...
En tout cas merci beaucoup. Je teste ça dès que j'arriverai à me convaincre de
rebooter sous windows (oui je sais il y a le truc pour avoir plusieurs
machines virtuelles, mais faut encore que je trouve le tps de l'installer)...
--
Cordialement, Daniel Cartron
« Redouter l'ironie, c'est craindre la raison. »
Sacha Guitry - L'esprit