display: inline + FF ?

**gedeon555** · 16/08/2006, 15h46

Voici ma page :

Feuille de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Kerod** · 16/08/2006, 16h45

Ca peut peut-être t'aider : Si tu mets float: left tu auras exactement ce que tu veux

**gedeon555** · 16/08/2006, 17h30

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