positionnement fluide

**babafredo** · 14/02/2005, 16h27

Bonjour,
J'utilise une mise en page avec des ccs qui s'adapte à la taille de l'écran.
Je donne un petit bout de code d'abord :

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
 
.body {
margin:0;
width:100%;
} 
.head {
height:105px;
width:100%;
}
.gauche {
position:absolute;
height:100%;
width:15%;
}
.droite {
line-height:21px;
padding-right:6%;
padding-left:6%;
position : absolute;
width:85%;
height:100%;
left:15%;
}

Et je positionne de cette manière

Code :

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

1
2
3
4
5
6
7
8
9
 
<body class="body>
<div class="head">
</div>
<div class="centre">
<div class="gauche"></div>
<div class="droite"></div>
</div>
</body>

Le problème : mon head et mon centre n'occupe pas tte la largeur du body, il me reste un petit bout sur la droite.
Je ne comprends pas!
Merci d'avance

**red210** · 14/02/2005, 16h48

Cela ne viendrait il pas de tes paddings ??

**babafredo** · 14/02/2005, 16h58

Non, car j'ai le même problème pour le head et je n'ai pas de padding dans mon head.

**SpaceFrog** · 14/02/2005, 17h12

**babafredo** · 14/02/2005, 17h32

Si seulement c'était une erreur de ce type, là c juste moi en recopiant dans le post.
merci quand même

**SpaceFrog** · 14/02/2005, 17h34

ben après avoir corrigé ce bug je n'ai pas de problème d'espaces ???
j'ai aussi ajouté margin:0px;

**babafredo** · 14/02/2005, 18h14

J'ai trouvé d'où vient cet espace.
En fait il correspond à ma scrollbar (j'avais entré scroll="auto"). Si je mets scroll="no" cet espace disparait. Je voudrais malgré tout garder ma scrollbar.
Alors comment faire pour combler cet espace tout en gardant la scrollbar??
Marci