Version imprimable
Bonjour,
je travail sur mon site, je le rend compatible IE6, IE7 et firefox, tout va bien jusque là, en local...
je l'ai mis en ligne, avec IE7 et Firefox pas de problème, mais avec IE6 il réagit différement!
voilà un screen pour vous montrer (c'est quand on passe juste la souris sur l'onglet "B") :
http://img62.imageshack.us/img62/930/ongfr3.jpg
déjà sans passer la souris l'image des onglets non selectionné ne s'affiche pas, et en passant la souris dessus il devient super grand!
une idée??
En fait je vois à peu pret la source du problème, dans mon CSS pour les onglets, j'ai un min-height pour le contenu des onglet, pour qu'il fasse 150px minimum, le min-height ne marchant pas pour IE6, il y'a une alternative (voir la deuxième partie du code).
Celà marche en local, mais en ligne c'est l'onglet qui a une taille de 150px quand on passe la souris dessus! et le contenu de l'onglet ne fait plus 150px de hauteur minimum.
Code:
2
3
4
5
6
7
8
9#container .content { margin-left: 10px; min-height: 150px; } *html #container .content { /* min-height pour IE6 */ height: 150px; }
Résolu, c'était juste un problème de précision,
j'avais mis "background:url(1.gif)" au lieu de "background-image:url(1.gif)"