Problème avec les divs + css
Bonjour j'ai un problème que je n'arrive pas à résoudre :
J'ai toujours une zone vide inutile que je n'arrive pas à enlever qui se trouve en dessous de la page.
Voici ma feuille 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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
| .body
{
}
.form1
{
background-color : Aqua;
position : absolute;
width : 86%;
left : 7%;
height : 900px;
top : -8px;
}
.banniere
{
background-color : Black;
position :relative;
width : 100%;
height : 100px;
}
.menuhaut
{
background-color : Blue;
position :relative;
width : 100%;
height : 50px;
}
.menuplateforme
{
background-color : green;
position : relative;
width : 60%;
left : 20%;
height : 30px;
}
.zoneextremegauche
{
background-color : red;
position :relative;
width : 6%;
top : -30px;
height :700px;
}
.zonegauche
{
background-color : yellow;
position :relative;
width : 14%;
top : -730px;
height :700px;
left : 6%;
}
.zonedroite
{
background-color : Purple;
position : relative;
width : 20%;
height : 700px;
top : -1430px;
left : 80%;
}
.zonecentre
{
background-color : orange;
position :relative;
width : 60%;
left : 20%;
height : 670px;
top : -2100px;
}
.pieddepage
{
background-color : Maroon;
position :relative;
width : 100%;
height : 50px;
top : -2100px;
} |
Voici le rendu :
http://debatoo.fr/default.aspx
Il ya un gros problème car ce n'est pas normal je pense de devoir remonter d'autant de pixel chaque zone.
Comment avoir le même rendu sans avoir la zone en bas.
D'avances merci pour vos réponses.
