Bonjour,

j'avais un site qui n'était pas extensible à la fenêtre de l'internaute, j'ai voulu changer mais il y a quelques "ajustements" que je ne réussis pas à faire...

Le site fonctionne bien sous Firefox 1.5 et sous Opéra même si le menu ne s'étend pas comme je le souhaiterais sous Opéra. J'ai 4 "boutons" dans le menu, quand je mets une largeur de 25%, il est correct sous Opéra mais le dernier bouton passe à la ligne sous IE, j'ai donc mis une largeur de 24.9% et c'est pour cela qu'il n'est pas correct sous Opéra.

Mais le plus gros problème c'est que le menu se déroule bien sous IE 6 mais il ne fait pas 25% de mon écran et le pire c'est sous IE 7, il se déroule mais se referme dès que l'on veut descendre sur un item. J'ai déjà utilisé le même menu qui fonctionne très bien mais avec une largeur de "bouton" fixe...
Je tourne en rond...
Si quelqu'un a une idée, je suis preneur !!!

Merci d'avance !
Modifié par codascii (16 May 2007 - 02:48)
Bonjour,

si ça intéresse quelqu'un, j'avance un peu... Dans mon css, j'avais une ligne
display:inline-block;
au lieu de
display:inline;
et
display:block;
.

Le problème de fermeture de menu sous IE 7 est donc résolu, reste à résoudre celui de la largeur de mes menus déroulants...
Afin d'affiner tes réglages en pourcentage, cela serait plus pratique d'englober toute ta page web dans un conteneur div auquel tu attribuerais une valeur fixe à la hauteur et à la largeur. Cela te permettrait de stabiliser et de maîtriser toutes les dimensions de ta page quelquesoit ton navigateur.
Ex:


<body>
<div style="position: absolute; width:800px (ou au-dessus,de préférence selon les standarts de résolution d'écran existants);height:1200px (ou la hauteur que tu désire donner à ta page);ect...">Ta page web</div>
</body>

Ta page web est ainsi calibrée et tes boutons (dimmensionnés en pourcentage, ce qui est une bonne idée, ou avec une autre unité), par ex., seront toujours à la meme dimmension quelquesoit le navigateur.

Smiley cligne A Plus

Masque