div du centre Flexible

Version imprimable

18/05/2011, 18h48
jamdinhe

div du centre Flexible

bonjour à tous,
j'ai un problème ressemblant à celui que j'ai trouvé dans le
forum mais dont la réponse à un moment donné est devenue compliqué pour mon cas,

je vous explique,
j'ai une bannière qui est découpé en trois div principales,

la première "à gauche" a un height FIX et un width FIX
la deuxième "au centre" a un height FIX et un width FLEXIBLE
la troisième "à droite" a un height FIX et un width FIX

je n'est pas pu mettre la réponse que j'ai trouvé, elle ne m'a pas simplifier le résultat puisqu'elle ce complique au fur et à mesure,

merci à tout ceux qui veulent aider :ccool:
amine

Code:

1
2
3
4
5
<div id="banniere">
   <div id="gauche">Gauche</div>
   <div id="droite">Droite</div>
   <div id="centre">Centre</div>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#gauche, #droite {
   width : 100px;
   height : 50px;
}
 
#gauche {
   float : left;
   background : green;
}
 
#droite {
   float : right;
   background : yellow;
}
 
#centre {
   height : 50px;
   background : red;
}

Avec si possible un remplacement de tous ces div par des éléments plus appropriés selon ton contexte.

19/05/2011, 12h04
jamdinhe

merci Bisûnûrs, c'est la solution qui me fallait,

à tout ceux qui aurons besoin de ce code, introduisez la balise DIV du centre en dernier, c'est la solution.

une dernière remarque si Bisûnûrs peut apporter une touche finale, concernant IE6, y'as deux vides qui sont visibles entre les DIV ! :(

mon astuce actuelle est de définir la couleur de fond dans le DIV qui englobe tout, c'est à dire

Code:

<div id="banniere">

mais ca reste une solution de bricolage pour le moment;

merci encore, et merci pour l'astuce IE6 si elle peut avoir lieu :ccool:
19/05/2011, 12h08
Bisûnûrs

Il s'agit du Three pixel jog :
http://www.positioniseverything.net/...reepxtest.html

Fuseau horaire GMT +2. Il est actuellement 16h42.