Voici ma page :
Feuille de style :
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
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%; }
Maintenant le problème :
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>
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.
Partager