Bonjour,

Je cale bêtement sur un div qui doit me permettre d'avoir le résultat ci-dessous :Nom : adetruire.JPG Affichages : 149 Taille : 13,2 Ko.

Le HTML est le suivant :
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
<html>
	<head>
		<meta charset = "utf-8" />
		<link rel="stylesheet" href="feuille.css">
	</head>
 
	<body>
		<div id="container">
			<header>
				<div id="haut">le haut en blanc
					<div id="nav">Section nav</div>
				</div>
			</header>
 
			<main>
				<div id="article">l'article à gauche en bleu</div>
				<div id="aside">aside à droite en vert</div>
			</main>
 
			<footer>
				<div id="bas">le footer en bas et en blanc</div>
			</footer>
		</div>
	</body>
</html>
Et le CSS:
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
32
33
34
35
36
37
38
39
40
41
42
43
44
body
	{
		background:black;
	}
#article
	{
		float:left;
		width:700px;
		height:600px;
		background:blue;
	}
#aside
	{
		width:300px;
		height:600px;
		margin-left: 700px;
		background:green;
	}
#bas
	{
		width:1000px;
		height:40px;
		background:white;
	}
#container
	{
		width:1000px;
	}
 
#haut
	{
		width:1000px;
		height:120px;
		background:white;
	}
#nav
	{
		width:600px;
		height:20px;
		top:100px;
		background:red;
		text-align:center;
		vertical-align: middle;
	}
Le nav n'apparaît pas en bas du header et n'est pas centré dans ce header.
Voyez-vous mon erreur ?
Merci d'avance.