Discussion :

[hugo7]

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 :

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

[hugo7]

Bizarrement sur un autre PC la zone n'existe pas ...

[The_badger_man]

Corrige d'abord le HTML avant de t'attaquer au CSS. La validation XHTML 1.0 échoue. Beaucoup de comportement étrange de CSS viennent d'une page male formée (balises non fermées, etc...)

[hugo7]

Que veux tu dire par La validation XHTML 1.0 échoue.
Quelle est cette validation et à quoi sert t-elle?
Sinon mes balises sont toutes bien fermées il me semble.

[The_badger_man]

Le W3C propose des outils en ligne pour vérifier (entre autre) la validité d'une page : http://validator.w3.org/

Pour ta page voici le résultat : http://validator.w3.org/check?uri=ht...Inline&group=0

Après je ne dis pas que c'est forcément la cause de ton problème. Mais une page valide évite de se poser la question.