Hello à tous,
j'ai un problème assez pénible, et je sèche pour le résoudre.
http://yem.ch/yem_test/
L'idée est que mon bandeau (les liens du haut) utilise des marges en % afin de se "stretcher" selon la résolution.
Comme dans ce code :
Bien entendu, le tout s'affiche correctement sous Firefox, et sans problème sous IE 8.
Par contre, sous IE 6 et 7, patatrac, dès que je survole un des liens, les marges disjonctent, et le bandeau rétrécit.
Si je mets les marges à 0, le problème ne se pose pas. J'ai bien essayé de ruser via le padding (au lieu des marges), mais le problème demeure. J'ai pensé d'abord au double margin float bug d'IE, mais ajouter un display:inline; n'y fait rien.
Merci pour toute aide, car ce problème commence à me rendre fou !
Modifié par Nico3333fr (18 May 2009 - 09:38)
j'ai un problème assez pénible, et je sèche pour le résoudre.
http://yem.ch/yem_test/
L'idée est que mon bandeau (les liens du haut) utilise des marges en % afin de se "stretcher" selon la résolution.
Comme dans ce code :
#bandeau li{
float:left;
display:inline;
width:102px;
margin:0 2.6%;
border:1px solid #fbfbfb;
}
Bien entendu, le tout s'affiche correctement sous Firefox, et sans problème sous IE 8.
Par contre, sous IE 6 et 7, patatrac, dès que je survole un des liens, les marges disjonctent, et le bandeau rétrécit.
Si je mets les marges à 0, le problème ne se pose pas. J'ai bien essayé de ruser via le padding (au lieu des marges), mais le problème demeure. J'ai pensé d'abord au double margin float bug d'IE, mais ajouter un display:inline; n'y fait rien.
Merci pour toute aide, car ce problème commence à me rendre fou !
Modifié par Nico3333fr (18 May 2009 - 09:38)
