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-)
-c2888
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-)
J'ai testé, et le theme-ie.css est bien pris en compte. pour le constater, il suffit d'insérer:
.content { width: 50% }
<!--[if IE]>
<link rel="stylesheet" href="template/yoga/theme/Sylvia/theme-ie.css" type="text/css">
<![endif]-->
Mais cela ne change rien du tout.
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.
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.
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).
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);
}
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-)
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;
}
La RC1 avait déjà ce problème...
Sur la page http://demo.piwigo.net/index.php?/category/1-real_cats
Je ne vois aucune différence entre les 2 premières <li> ci-dessous et les 3 suivantes:
<li><a href="index.php?/category/6-20070205" title="2 images dans cette catégorie">20070205</a> <span class="menuInfoCat" title=" 2 images dans cette catégorie">[2]</span> </li> <li><a href="index.php?/category/5-20070127" title="30 images dans cette catégorie">20070127</a> <span class="menuInfoCat" title=" 30 images dans cette catégorie">[30]</span> </li> <li><a href="index.php?/category/4-20070120" title="19 images dans cette catégorie">20070120</a> <span class="menuInfoCat" title=" 19 images dans cette catégorie">[19]</span> </li> <li><a href="index.php?/category/3-20061026" title="1 image dans cette catégorie">20061026</a> <span class="menuInfoCat" title=" 1 image dans cette catégorie">[1]</span> </li> <li><a href="index.php?/category/2-20061008" title="12 images dans cette catégorie">20061008</a> <span class="menuInfoCat" title=" 12 images dans cette catégorie">[12]</span> </li>
Alors si quelqu'un a une bonne idée...
Je n'ai toujours pas trouvé...
Si rvelices a une idée.
Il me semble pourtant que dans les premières versions de Sylvia nous n'avions pas de problème.
Je propose de revenir en arrière sur toute modification de css depuis la RC1 afin de déterminer d'où vient le problème.
Je vais remonter pour commencer une galerie en rc1 pour vérifier que le problème n'existait pas.
8-)
Je crois que j'ai trouvé...
J'ai bien essayé mais ce n'est pas encore gagné.
8-)
VDigital a écrit:
Je vais mettre une class sur le UL afin que IE7 retrouve ses petits...
8-)
J'ai essayé pas mal de combinaisons... et je n'y arrive pas...
Si tu as une solution, ca serait le top!