28173 sujets

CSS et mise en forme, CSS3

Bien le bonjour !

Bien qu'expérimenté en CSS, je suis face à une impasse. En effet, utilisant des listes (logique) pour créer des menus, j'ai besoin de les mettre le menu en "horizontal" (ça, je sais faire. Facile.).

Là où ça "pêche", c'est que ces menus doivent être scrollables : une flèche de part et d'autre du menu pour scroller à droite ou à gauche le contenu dudit menu.
Donc, en toute logique, la règle CSS que j'applique au menu est
ul#menu
{
        width: 350px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

ul#menu li
{
        display: inline;
}

Ceci marche à la perfection sous Firefox/Safari/Opera, qui me créent bien une liste horizontale de 350 pixels de large, dont le contenu est "coupé".

Mais ça me marche pas sur IE, qui affiche la liste VERTICALEMENT et donc coupe le texte dans le mauvais sens !

Comment y remédier ?

Voici ledit menu sous Firefox :
upload/3529-menu1ffox.png
Et le même sous IE (lamentable) :
upload/3529-menu1ie.png
Modifié par Ladytron (02 May 2006 - 13:20)
Bon ... Oubliez, j'ai rectifié le problème. Le souci venait juste du fait que mes élements <li> étaient répartis sur plusieurs lignes. En les mettant tous sur une même ligne, ça fonctionne parfaitement.