display: inline + FF ?

Version imprimable

Voici ma page :

Feuille de style :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 /* Feuille de style CSS */ body { text-align: center; } div#MenuBar { text-align: center; margin-left: auto; margin-right: auto; } div.Menu { display: inline; vertical-align: top; width: 15%; } div.RubriqueInactive { background-color: #55ff55; border: 1px solid black; width: 100%; }
Code HTML:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <HTML> <HEAD> <LINK REL="stylesheet" type="text/css" HREF="style.css"> </HEAD> <BODY> <DIV id="MenuBar"> <DIV class="Menu"> <DIV class="RubriqueInactive">TEST 1</DIV> </DIV> <DIV class="Menu"> <DIV class="RubriqueInactive">TEST 2</DIV> </DIV> </DIV> </BODY> </HTML>
Maintenant le problème :
Sous IE, pas de problème. il comprend bien l'instruction 'display: inline;' et il affiche bien les rubriques, l'une a coté de l'autre.
Sous FF, problème il affiche les rubriques l'une au dessus de l'autre et chacune occupe toute la largeur de la page.

16/08/2006, 15h45
Kerod

Ca peut peut-être t'aider : Si tu mets float: left tu auras exactement ce que tu veux
16/08/2006, 16h30
gedeon555

merci, c'est ce que je faisais jusqu'a maintenant, mais y a toujours deux problemes. Le premier c'est que je voulais centrer la Box.
Ensuite, moi ce que je veux faire, c'est un menu du style 'File', 'Edit' (quand on passe la souris dessus, ca ouvre un menu) et avec float: left, tout le texte qui devrait se retrouver en dessous du menu va apparaitre a sa droite
16/08/2006, 16h57
Kerod

SI c'est un menu déroulant que tu souhaites faire je te conseille de jetter un oeil sur ce fabuleux menu :mrgreen: Des menus déroulants grâce aux CSS.

Pour ce qui est de centrer on peut faire avec des margin
16/08/2006, 18h15
gedeon555

Je suis d'accord avec toi, le menu est top MAIS marche pas avec IE.
17/08/2006, 10h50
gedeon555

je sais qu'il est possible de le faire sans JS
17/08/2006, 12h33
Kerod

Ce qui ne fonctionne pas c'est le déroulement du menu, mais le reste (tout ce qui est positionnement) fonctionne sur les deux navigateurs les plus utilisés.

Donc tu peux prendre au moins cette partie et le reste tu gèreras petit à petit. Ca peut etre un bon point de départ ;)