[CSS]Probleme de contenu trop grand et de pied de page
Bonsoir et merci de lire ce post :)
J'ai fait une mise en page CSS pour mon site de tel sorte :
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
| .banniere
{
top : 0% ;
width: 50%;
height: 15%;
position:absolute;
background-color: blue;
left: 25% ;
z-index : 2 ;
}
.menu
{
top: 30% ;
width: 13%;
height: 50%;
position: absolute ;
background-color: red;
left:0% ;
z-index : 2 ;
}
.haut_fresque
{
top :21%;
height :9% ;
width : 96%;
position:absolute;
background-color: orange;
left: 0% ;
z-index : 2 ;
}
.englobe_contenu
{
top : 30% ;
height :60% ;
width : 96% ;
position : absolute ;
background-color: blue ;
left: 0% ;
z-index : 1 ;
}
.contenu
{
top: 30% ;
height: 60%;
width: 80%;
position: absolute;
background-color: purple;
left: 15% ;
z-index : 2 ;
}
.bas_fresque
{
top : 90% ;
height : 10% ;
width : 96% ;
position: absolute ;
background-color: black ;
left :0% ;
z-index : 2 ;
} |
Hors voila j'ai un énorme problème que je ne sais résoudre, j'ai tenté nombre de chose mais rien n'a marché.
Comment faire lorsque mon contenu dépasse le cadre de la "zone contenu" en violete pour que celle ci s'adapte et s'agrandisse entrainant le bas de frasque avec lui.
Pour essayer d'être plus clair, j'ai un formulaire dans mon code html qui dépasse du cadre violet d'au moins 40 %, et le cadre lui ne s'agrandit pas donc le pied de page reste au meme endroit. Ce qui donne un pied de page au milieu du formulaire avec une fin de formulaire qui ère dans du vide tout blanc.
Si quelqu'un à une solution, je l'en remercie d'avance car j'avoue être désespéré.
ps : je pensais que le pourcentage était relatif non pas à la taille de l'écran mais au contenu de la page hors ce ne semble pas etre le cas :s .
