Bonjour à tous,
je voudrais créer un accordéon pour afficher des onglets, il s'affiche très bien dans Firefox, mais malheureusement dans IE7 il y a des décalages et je n'arrive pas à comprendre pourquoi.
Voici ce que j'ai fait pour le moment :
http://nekobaka.org/accordeon/
Quelqu'un aurait-il une idée de ce que je pourrais bien modifier dans mon css pour afficher correctement les onglets sous IE?
Merci d'avance.
Edit : Si il manque des infos pour comprendre mon problème n'hésitez pas à me demander
Edit 2 : Bon, après 3 jours de recherches intensives, j'ai finalement trouvé une solution, les espaces venaient d'un bug d'IE7.
D'après ce que j'ai compris, les <ul> imbriqués dans un <li> dans IE7 génèrent un conteneur "inline" et lui donne une hauteur par défaut, ce qui crée l'espace.
Du coup j'ai rajouté display:inline; à mon #elements li et là magie ça s'affiche correctement...
Pour info j'ai trouvé ça ici : http://www.webmasterworld.com/css/3571286.htm dans le post de SuzyUK
Modifié par lina01 (25 Mar 2010 - 11:48)
je voudrais créer un accordéon pour afficher des onglets, il s'affiche très bien dans Firefox, mais malheureusement dans IE7 il y a des décalages et je n'arrive pas à comprendre pourquoi.
Voici ce que j'ai fait pour le moment :
http://nekobaka.org/accordeon/
Quelqu'un aurait-il une idée de ce que je pourrais bien modifier dans mon css pour afficher correctement les onglets sous IE?
Merci d'avance.
Edit : Si il manque des infos pour comprendre mon problème n'hésitez pas à me demander
Edit 2 : Bon, après 3 jours de recherches intensives, j'ai finalement trouvé une solution, les espaces venaient d'un bug d'IE7.
D'après ce que j'ai compris, les <ul> imbriqués dans un <li> dans IE7 génèrent un conteneur "inline" et lui donne une hauteur par défaut, ce qui crée l'espace.
Du coup j'ai rajouté display:inline; à mon #elements li et là magie ça s'affiche correctement...
Pour info j'ai trouvé ça ici : http://www.webmasterworld.com/css/3571286.htm dans le post de SuzyUK
Modifié par lina01 (25 Mar 2010 - 11:48)