Resalut,
Si ça correspond bien à ton problème.
As tu essayé une solution proposé par la FAQ ??
Essaie par exemple avec la soluion 4 (pour ton menu de gauche), et tu verras que tu auras le même rendu avec IE et FIrefox :
#debgauche {
height: auto;
min-height: 276px;
padding-top: 18px;
width: 198px;
background: url(maquette20_04.png) no-repeat;
}
* html #debgauche {
height: 276px; /*hack uniquement interprété par IE Win+Mac*/
}
Cependant qq remarques :
- Si ton menu contient assez de texte pour que ça dépasse toujours la hauteur de 276, alors tu peux te passer de min-height et de height tout simplement..
- il faudra voir comment s'affiche ta page avec IE 7 quand il sortira. Prendra t-il en charge la propriété min-height ? Comment réagira t-il au hack ? etc.. Je t'avais ci dessus conseillé de recourir au commentaire conditionnel, mais si je me souviens bien, ça ne marcherait pas avec IE Mac
- J'ai lu récemment (un message de Stephan) qu'IE Mac n'acceptait pas les apostrophes pour le brackground. Donc, puisque tu les utilises, aucune image de fond de ton site ne s'afficherait avec ce navigateur.
url('maquette20_04.png')
Donc faut mieux que tu les supprimes, comme je l'ai fait plus haut, puisque en plus ça sert à rien
-J'avais lu aussi que Safari 1.x ne prenait pas en charge la propriété min-height... Mais là je n'y connais rien. J'ai fait un test sur Browsercam et Safari 1.2,, 1.3 et 2 rendent parfaitement le min-height, donc c'est bizarre.. De toute façon dans ton cas ça ne changerait pas grand chose.
-Je ne sais pas au juste à quoi sert le
height: auto; qui figure dans la FAQ. D'après mes essais, à rien, mais bon, j'ai remis tel quel.
Modifié par Alan (24 Jan 2006 - 14:58)