display: inline + FF ?

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

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, 15h45

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

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

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

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

SI c'est un menu déroulant que tu souhaites faire je te conseille de jetter un oeil sur ce fabuleux menu

Des menus déroulants grâce aux CSS.

Pour ce qui est de centrer on peut faire avec des margin

**gedeon555** · 16/08/2006, 18h15

Je suis d'accord avec toi, le menu est top MAIS marche pas avec IE.

**gedeon555** · 17/08/2006, 10h50

je sais qu'il est possible de le faire sans JS

**Kerod** · 17/08/2006, 12h33

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

display: inline + FF ?

HTML

Discussions similaires

Partager

Partager