Bonjour,
J'ai un affichage différent sur IE vis à vis de FF, est t-il possible d'avoir un css pour IE et un pour FF, ou quelle solution à adopter pour que sa passe correctement sur les 2 ?
Merci d'avance pour vos conseils.
Version imprimable
Bonjour,
J'ai un affichage différent sur IE vis à vis de FF, est t-il possible d'avoir un css pour IE et un pour FF, ou quelle solution à adopter pour que sa passe correctement sur les 2 ?
Merci d'avance pour vos conseils.
Déjà tu pourrais peut être mettre ton CSS pour qu'on puisse voir ce qui joue pas. Ensuite, oui c'est possible d'en avoir un pour FF et un pour IE.
Mais il est également possible que tu es une seul page CSS qui soit compatible. C'est même le mieux.Code:
1
2
3
4
5
6
7
8 <link rel="stylesheet" type="text/css" href="firefox.css" /> <!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="IE6.css" /> <![endif]--> <!--[if lte IE 7]> <link rel="stylesheet" type="text/css" href="IE7.css" /> <![endif]-->
Merci pour ta réponse,
regarde sur se site la par exemple,
http://www.europetrucks.eu/
Sous IE sa est alongé alors que sous FF j'ai un espace inutile à cause de IE
Le css : http://www.europetrucks.eu/europetrucks.css
.... j'aimerais pas faire le chiant mais chez moi sous ff et ie ça m'affiche la même chose....
en fait oui question présentation, mais en hauteur de texte non, si tu regarde l'espace entre les lignes de texte c'est pas pareille
Sous FF
http://img166.imageshack.us/img166/254/etffub1.png
Sous IE
http://img174.imageshack.us/img174/9994/etieea9.png
Ah d'accord. Tu as essayé de définir tes tailles de polices en "em" au lieu de "px". (je ne crois pas qu'on puisse faire grand chose pour ça en fait....)
Il me semble que la différence provient du fait que, d'après le comportemement, sur IE, on dirait qu'un padding de 1em est attribué au paragraphe et non un margin de 1em comme sur Firefox.
Hors, avec un margin, il s'opère la fusion des marges sur FF d'où un espace moindre; fusion qui n'a pas lieu sur un padding.
Pour mettre tout le monde d'accord il suffirait donc de mettre le padding à 0 et appliquer un margin de 1em:
Code:
1
2
3
4 p { padding:0; margin:1em 0; }
cool, j'ai pas compris pourquoi mais avec sa sa fonctionne niekl :)