Bonjour à tous ^^

Désolé, je sais que c'est un question qui revient souvent, mais impossible de trouver une réponse qui fonctionne :/

J'essaye d'aligner X blocs DIV (12 exactement) horizontalement dans une autre DIV qui les englobe.

Voilà une capture de ce que ça donne sous IE :

(je veux aligner les DIV avec la bordure épaisse noire)



Voici mon code...

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
	<body>
		<div id="en_tete">
		</div>
 
		<div id="menu">		
			<div id="element_menu"><h2>Lien</h2></div>	
			<div id="element_menu"><h2>Lien2</h2></div>	
			<div id="element_menu"><h2>Lien3</h2></div>	
		</div>
 
		<div id="corps">
                             blabla
		</div>
 
	</body>
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
24
25
26
27
28
29
30
31
			/* L'en-tête */
 
			#en_tete
			{
				width:900px;
				height:100px;
				background-image:url("banniere.png");
				background-color:#626262;
				background-repeat:no-repeat;
				margin-bottom:10px;
			}
 
 
			/* Le menu */
 
			#menu
			{
				width:900px;
				background-color:#626262;
				background-repeat:no-repeat;
				margin-bottom:10px;
			}
 
			#element_menu
			{
				background-color:#626262;
				background-image:url("motif.png");
				background-repeat:repeat-x;
				width:70px;
				border:5px solid black;
			}
Alors, j'ai lu par exemple de mettre "float:left" dans #element_menu. Ca fonctionne parfaitement sous IE, mais sous Mozilla non :/

IE :


Mozilla :


Merci d'avance pour votre aide...