Discussion :

[matimat2k4]

Bonsoir,

Je ne sais pas si j'en envie de pleure ou de me pendre mais ça devient dur dur...

J'ai réalisé ma feuille de style pour IE7. Je teste sur IE6 tout est décalé. Je corrige sous IE6 et c'est IE7 qui est décalé.
Comment faire pour que ma feuille de style soit compatible avec les 2 ?

Merci.

[matimat2k4]

J'ai mis le site en ligne si quelqu'un peut m'aider...
Cliquer ICI

Ma feuille de style passe correctement sous IE7 mais pas IE6.

[pop_up]

tu corrige une derniere fois pour IE6 en creant une css specifique aux IE < 7
En général je fais deux feuille de style pour les problèmes liées aux différents IE

ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 <!--[if lt IE 7]>
        <link type="text/css" href="./styles/ie.css" rel="stylesheet" media="screen" />
    <![endif]-->
    <!--[if IE 7]>
        <link type="text/css" href="./styles/ie7.css" rel="stylesheet" media="screen" />
    <![endif]-->

est ce que ça te convient ?

[matimat2k4]

oui c'est ce que j'ai fait
Par contre sous IE6 c'est bizarre la bannière triple si on fait F5 sur la page...
une idée ?

[pop_up]

Qu'est ce que tu as rajouté pour que ça passe sous ie7 ?

oui c'est ce que j'ai fait

Non, tu ne fais pas exactement ça car tu n'as que ce commentaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<!--[if lt IE 7]> <link href="ie6.css" rel="stylesheet" type="text/css" media="screen,projection" /> <![endif]-->

Du coup tu as du rajouter tes correctif dans ta feuille de style feuillegenerale.css qui est inclus pour IE7 et IE6.

Ce qu'il faut que tu fasse c'est que tu rajoutes uniquement les correctifs dans une feuille qui sera inclus uniquement pour IE7.

[Erwan31]

Bonjour,
c'est en effet un bug assez pénible dû à la présence du height:auto.

Une solution qui devrait fonctionner:
Préciser la hauteur de l'image en CSS dans ta CSS IE6:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

img {height:241px;}

EDIT Non je te dis une bêtise (la fatigue sans doute) cela forcera la hauteur de toute tes images à 241px
Donc dans ce cas, si tu as beaucoup d'images ou si tu es
amené en en ajouter régulièrement, il faudrait pouvoir récupérer la hauteur de
chaque image (en JS ou PHP) et injecter cette valeur dans des commentaires
conditionnels inséré au niveau de chaque image mais je ne saurais pas te dire
comment faire cela.
A voir du côté du salon JS peut-être.