Discussion :

[crazy_inf]

Hello,
Je vous glisse d'abord une capture d'écran de mon design (juste tout au début) :

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
body
{
background-color:#74D0F1  ;
/*overflow:auto;*/
}
#haut
{
background-color:#A9EAFE ;
height:100px;
margin-bottom:10px;
border-radius: 10px 10px 0px 0px; 
-moz-border-radius:  10px 10px 0px 0px;
-webkit-border-rad:10px 10px 0px 0px;
 behavior: url(border-radius.htc); 
}
 
#gauche
{
position:absolute;
background-color:#A9EAFE ;
width:200px;
height:100%;
 
}
#centre
{
background-color:#A9EAFE ;
position:absolute;
left:210px;
top:118px;
width:789px;
height:100%;
}
#bas
{
position:absolute;
text-align: center;
color:#fff;
width:899px;
background-color:#000 ;
border-radius: 0px 0px 10px 10px; 
-moz-border-radius:  0px 0px 10px 10px;
-webkit-border-rad:0px 0px 10px 10px;
/*top:100%;**/
}

Ce qui cloche:

- Tout d'abord la vue sur IE n'est pas pareil à celle de Opera, car on distingue un petit décalage des positions de blocs sur IE?
- Je veux rendre la largeur du bloc "centre" extensible selon la résolution choisie ( actuellement j'ai défini la largeur de 789px qui est parfaite pour un zoom de 100% "affichage normal"), pareil pour le bloc "bas" que je veux aussi rendre extensible?
- Le bloc "bas" ne veut pas déscendre tout en bas même si j'ai rajouté la ligne top:100% qui laisse les blocs "centre et gauche" passer largement en-dessous du bloc "bas" ?
- NB : que tout les blocs sont en position: absolute.
Merci bien pour votre aide

[Marc22]

Bonsoir. Tu aurais dû laisser le code html.

Mets un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
bottom:0;
left:0;
width:100%;
height: ce que tu veux;

pour ton bloc du bas.

C'est dangereux de tout vouloir mettre en absolute. Les blocs gauche, centre, tout ceux qui sont sur la même ligne je dirais, tu devrais les mettre en

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

float:left;