Bonjour,
Je suis débutant et je réalise actuellement un site avec Dreamweaver CS3.
Pour créer une barre de menu horizontale j'ai utilisé le widget spry "Menu bar horizontal"... Pas de problème d'affichage sous Firefox, Safari ou Opera...
Par contre sous IE7, la largeur de la barre semble amputée. Qui plus est, cela crée un décalage à gauche avec une div "En-tête" placée juste au dessus, au lieu d'aligner la barre sur le bord droit de celle-ci...
Pour se faire une idée, une page test, ici : http://sacha.hagendorf.free.fr/test/sommaire.html
A la fin du CSS du spry se trouve le hack IE ci-dessous :
Le width de la barre est à la base de 780 px... J'ai déjà tenté d'ajouter à ce hack une propriété "width: 800" pour pallier le rétrécissement de la barre sous IE7 : la barre a bien retrouvé sa largeur d'origine (et l'alignement avec la div En- tête), mais le contenu du menu s'est affiché à la verticale et la hauteur du bloc a explosé !
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; }
je ne sais vraiment pas quoi faire...
Merci d'avance !
Partager