positionnement fluide

Version imprimable

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:

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:

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

14/02/2005, 16h48
red210

Cela ne viendrait il pas de tes paddings ??
14/02/2005, 16h58
babafredo

Non, car j'ai le même problème pour le head et je n'ai pas de padding dans mon head.
14/02/2005, 17h12
SpaceFrog

<body class="body">
14/02/2005, 17h32
babafredo

Si seulement c'était une erreur de ce type, là c juste moi en recopiant dans le post.
merci quand même
14/02/2005, 17h34
SpaceFrog

ben après avoir corrigé ce bug je n'ai pas de problème d'espaces ???
j'ai aussi ajouté margin:0px;
14/02/2005, 18h14
babafredo

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
15/02/2005, 10h00
babafredo
Si je rajoute :
Code:

1 2 3 .body {overflow:auto;}
L'espace est comblé.
Merci pour les renseignements.