Pages: 1 2
C'est bon, j'ai trouvé une solution...
Une image gif transparente, tout simplement:
http://piwigo.free.fr/template/yoga/the … parent.gif
Et dans le theme.css:
#menubar li ul {
background: transparent url(images/menuBox_sides_transparent.gif) repeat-y scroll left bottom;
}
Résultat:
http://piwigo.free.fr/index.php/category/2
Dernière modification par P@t (2008-11-19 12:27:59)
Hors ligne
Je suis d'accord, même si cela n'explique pas le phénomène.
#menubar li ul {
background-color: transparent; background-image: none;
}
devait fonctionner.
8-)
Hors ligne
On est bien d'accord que ca devait fonctionner...
Mais la, il s'agit réellement d'un bug de IE (et non pas d'une erreur d'interpretation d'une regle css)
Question: est-ce qu'on fait ca en hack, ou est-ce que je laisse tel quel? (ca fonctionne toujours très bien avec FF)
EDIT: pour alléger, il suffit de faire une image transparente d'un seul pixel:
http://piwigo.free.fr/template/yoga/the … parent.gif
Puis dans theme.css:
#menubar li ul {
background: transparent url(images/transparent.gif);
}
Dernière modification par P@t (2008-11-19 13:22:38)
Hors ligne
En hack pour ie7 dans theme-ie.css
Tu peux le commiter.
(je ne peux pas le faire pour l'instant, sinon je le ferai ce soir).
Hors ligne
C'est commité... [Subversion] r2884
Par contre, je n'ai pas mis ca dans le theme-ie.css, car ca ne fonctionne pas!
J'ai essayé en mettant !important, mais rien à faire...
C'est surement du au fait qu'il faut absolument laisser pour FF dans le theme.css:
#menubar ul li {
background:transparent none repeat-y scroll left bottom;
}
Donc du coup, j'ai viré ca, et mis l'autre règle à la place.
Hors ligne
http://piwigo.free.fr/index.php/category/1
<link rel="stylesheet" type="text/css" href="./../../template/yoga/theme/Sylvia/theme.css">
<!--[if IE]> <-->
<link rel="stylesheet" href="template/yoga/theme/Sylvia/theme-ie.css" type="text/css">
<!--> <![endif]-->
Pas beau... les ./../../template/
Chez moi j'ai...
<link rel="stylesheet" type="text/css" href="template/yoga/theme/Sylvia/theme.css">
<!--[if IE]> <-->
<link rel="stylesheet" href="template/yoga/theme/Sylvia/theme-ie.css" type="text/css">
<!--> <![endif]-->
Pas de ./../../
Mais j'ai en réalité un autre problème.
Il me semble que IE 7 ne réponde pas à <!--[if IE]>
Il faut que j'effectue des tests supplémentaires.
En attendant, je cherche à comprendre ton histoire de "... dans le theme-ie.css, car ca ne fonctionne pas!
J'ai essayé en mettant !important, mais rien à faire..."
1 - Avais-tu essayé... de ne pas supprimer le
#menubar #mbIdentification .actions, #menubar ul li, #menubar #mbIdentification form p {
background:transparent none repeat-y scroll left bottom;
}
Ta modif en theme-ie devait fonctionner => cela me confirme que theme-ie est ignoré par ie 7.
2 - Si je l'avais codé en theme-ie...
*+html #menubar ul li {
background:transparent none repeat-y scroll left bottom;
}
Cf. CSS: Un hack simple pour IE7
Ce qui met en évidence le bug ie7
3 - Je suis à peu près convaincu de notre pb de theme-ie car les scrollbar-face-color par exemple ne sont pas pris en compte !!!
D'où le fait que mes hacks ne fonctionnaient pas avec ie 7 !!!
Je continue mes recherches.
Hors ligne
<!--[if IE]>
<link rel="stylesheet" href="template/yoga/theme/Sylvia/theme-ie.css" type="text/css">
<![endif]-->
Mais cela ne change rien du tout.
Hors ligne
Exact !!!
J'ai trouvé pourquoi
#content.thumbnailCategory div.description .text {
scrollbar-face-color:#222;
scrollbar-shadow-color:#444;
scrollbar-highlight-color:#000;
scrollbar-darkshadow-color:#333;
scrollbar-track-color:#111;
scrollbar-arrow-color:#f70;
}
est ignoré...
#content .thumbnailCategory div.description .text {
Mais cela n'explique pas tout encore...
Je commite cette modif.
8-)
Hors ligne
-c2888
Hors ligne
Je propose de laisser comme ça...
Finalement IE 7 est à peine mieux que IE 6, j'ai peur que IE 8 ne soit pas vraiment meilleur.
8-)
Hors ligne
Pages: 1 2