28173 sujets

CSS et mise en forme, CSS3

Bonjour,

je voudrais utiliser les menus deroulants pour mon site, mais j'ai une différence d'affichage entre IE et Firefox.
Pour moi, la version Firefox est la bonne, mais sous IE, quand un menu deroulant masqué est suivi d'un objet type span ou img, il le masque aussi. De plus, mes border sont incorrects.
J'ai mis deux exemples de menu ici : http://raphael.boterel.free.fr/test_ff.php et http://raphael.boterel.free.fr/test_ie.php
Le fichier test_ff est correct sous firefox mais pas sous ie, et inversement avec test_ie. Cela dit, le plus "correct" est pour moi test_ff.
Les parties déroulantes s'appelle "menuN".
Les CSS se nomment styles_ie.css et styles_ff.css
Merci de votre aide.
Modifié par MiB (04 Apr 2006 - 11:47)
Modérateur
bonjour, Smiley smile

tu ne devrais pas placér de balise p dans un span.
C'est une regle, on ne place pas de balise de type block dans des balise de type inline; ...
Les <br /> peuvent souvent etre eviter et remplacé par des regles css .

En sortant les images de la liste et en plaçant l'ensenble dans un conteneur, cela semble peut-etre plus coherent et IE "ne se cabre pas ".

En replaçant les "titres de zone de menus dans une balise dt au lieu d'un enchevetrement de span br et p , le code est plus clair et il suffit de creer une class supplementaire pour retrouver l'aspect visuel rechercher.


Ta page test pour FF retravaillé et qui s'affiche correctement dans mon IE.

http://gcyrillus.free.fr/essai/menu-deroulantIE_ff_alsa.html

voila une piste Smiley smile .
++
Modifié par gcyrillus (03 Apr 2006 - 23:21)
Merci beaucoup gcyrillus, ça fonctionne très bien.
En plus, j'avais un autre petit soucis de cadre autour de mes news qui disparaissait sous IE lorsqu'on passait sur le menu, c'est parti aussi.
Autant le php c'est assez simple, autant la mise en page, j'ai encore un peu de mal, surtout avec les différences entre navigateurs.
Encore merci.