CSS et alignement frames

Bonjour,

Je suis une bille en IHM. Et j'aimerais faire une page avec une frame à gauche et deux frames à droite l'une au-dessus de l'autre.
Mon code ci-dessous marche, mais je ne sais pas si c'est la meilleure façon de faire, si c'est propre ou pas.

CSS:

Code:

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
div#menu {
	float:left;
	width:10%;
	height:100%;
	background-color:#FF6699;
	}
div#contenu {
	float:left;
	width:90%;
	height:100%;
	background-color:red;
	}
div#contenu_top {
	width:100%;
	height:50%;
	background-color:blue;
	}
 
div#contenu_down {	
	width:100%;
	height:50%;
	background-color:green;
	}
 
 
body {
	height:100%;
}
html {
	height:100%;
}

html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE HTML>
<html>
<head>
 
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Positionnement CSS</title>
</head>
<body>
 
	<div id="menu"></div>
	<div id="contenu">
		<div id="contenu_top"></div>
		<div id="contenu_down" ></div>
	</div>
</body>
</html>

3 pièce(s) jointe(s)

dans mes projets j'opte pour le 960 grid system et supposant que plus tard tu souhaite ajouter d'autre frames...bah je te recommande le 960'

J'ai mis en pièce jointe la page et les css si tu veux voir ce que ca donne par toi meme

ici pour télécharger le css 960' http://960.gs/

Ok merci,
je vais jeter un oeil à ça.