Bonjour,

j'ai toujours fait des table pour mes sites et aujourd'hui je commence a me dire qu'il faudrai arreter et passer aux div, notamment parce que ca commence a être obsolète les tables et ensuite parce qu'au niveau du positionnement on a pas mal de possibilités.

Cependant j'aurrai besoin de votre aide, j'ai fais mes div pour ce qui est de mon header et de mon footer, et je désire maintenant réaliser la partie centrale de mon site, décomposée elle meme en deux partie verticale, une ou il y aurra le contenu et une a droite ou je mettrai des blocs (pub, syndications, lecteur multimedia... etc)

pour cela je fais le code suivant, (ma zone content ne servant ici qu'a définir un arriere plan, ma zone contenu etant le contenu principal, et la zone de droite pour les blocs):

je voudrai que mes zones contenu et partie-droite soient comme "ancrés a la zone de content, que la hauteur des deux div soit toujours la meme peu importe le contenu qu'il ya dedans, et que les deux divs dans la partie content dépasse pas graphiquement la hauteur de celle ci (voir shéma)



Voici l'extrait de ma feuille de style actuelle
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
 
#content
{
	position: relative;
	min-height: 100px;
	width: 990px;
	background-color: #000000;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	overflow: hidden;
}
 
#contenu
{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	min-height: 300px;
	width: 690px;
	background-color: #3a3a3a;
	border-right: #cacaca 1px solid;
	padding: 3px 3px 3px 3px;
}
 
#partie-droite
{
	background-color: #1e1e1e;
	border-left: #cacaca 1px solid;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	min-height: 300px;
	width: 285px;
	padding: 3px 3px 3px 3px;
 
}
ainsi que mon code
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<div id="content">
 <div id="contenu">
 <asp:ContentPlaceHolder ID="SiteContentPlaceHolder" runat="server">
 </asp:ContentPlaceHolder>
 </div>
 <div id="partie-droite"></div>
</div>