Bonjour,


afin de fair de la superposition mes elements sont en
Code : Sélectionner tout - Visualiser dans une fenêtre à part
position: absolute;
je definis la largeur du contenu en pourcentage(80%) et la hauteur de redefinis automatiquement afin de garder un rapport hauteur/largeur d'origine

pour le menu superieure rien de compliquer, j'applique cela + "top: 0;" pour le coller au haut de page

le problème viens ensuite pour le bloc principale(sous le menu)
je ne sais pas comment definir la hauteur du bloc centrale pour qu'il soit(par exemple) toujours 1cm plus bas que le menu


le rendu souhaiter et quelque chose a la mode Dailymotion

Mon CSS actuel
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
45
46
47
48
49
BODY
{
	background-color: White;
	width: 80%;
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
 
.BackEnTete
{
	width: 80%;
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	position: absolute;
	z-index: 0;
}
 
.EnTete
{
	float: right;
	color: White;
	position: absolute;
	margin-left: 59%;
	z-index: 1;
}
 
.BackBlockCentral
{
	width: 80%;
	top: 30%;
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	z-index: 0;
}
 
.BlockCentral
{
	width: 80%;
	min-width: 700px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	z-index: 1;
}