CSS et alignement frames

**tomy29** · 17/04/2012, 20h15

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 :

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

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

**elfamine** · 17/04/2012, 21h45

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/

**tomy29** · 19/04/2012, 10h44

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

CSS et alignement frames

Positionnement en CSS

Discussions similaires

Partager

Partager