Aligner plusieurs DIV

**PtitGénie** · 05/03/2009, 10h53

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...

**desert** · 05/03/2009, 12h17

Bonjour,
Cela n'a rien à voir mais il faut savoir qu'un id doit rester unique. Or tu définies plusieurs id portant le même nom. Ce qui constitue une erreur. Il faut utiliser les classes à la place.

Pour résoudre ton problème : ajouter

Code css :

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