div du centre Flexible [Résolu]

[jamdinhe]

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
amine

[Bisûnûrs]

Code html :

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.

[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

[Bisûnûrs]

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