Design extensible

Bonjour,

Le sujet a déjà été traité plusieurs fois mais malgré mes recherches je n'ai pas trouvé de réponses

Je cherche à faire un bloc en 5 parties
Un div en haut
Puis au milieu 3 divs
Un à gauche, un au centre (qui contiendra le contenu texte) , un à droite
Puis un div pour le bas

voici le code que j'ai utilisé

#haut
{
    position:relative;
    background:url(haut.jpg);
    margin-top:10px;
    width:762px;
    height:71px;
}
#centregauche{
    position:relative;
    background:url(centregauche.jpg);
    width:18px;
    height:400px; 
    float:left;  
}
#centre{
    position:relative;
    background-color:#CCCCCC;
    width:726px;  
    float:left;
}
#centredroite{
  position:relative;
  background:url(centredroite.png);
  width:18px;
  height:400px;
  float:right;
}
#bas{
  position:relative;
  background:url(bas.jpg);
  width:762px;
  height:25px;
  clear:both;
}
 

Ensuite dans ma page html j'ai le code suivant :

<div id="haut"></div>
<div id="centregauche></div>
<div id="centre">
TEXTE
</div>
<div id="centredroite"></div>
<div id="bas></div>

en fait ce que je souhaiterai, ce serait que le div centregauche et que le div centredroite se redimensionnent suivant la taille du texte contenu dans le div centre

Est-ce-possible ?

Merci de votre aide

Hello

Je n'ai jamais réalisé pareil gabarit, mais juste pour le fun j'ai envie de dire : jette un coup d'oeil sur les colonnes factices
Modifié par BeliG (15 May 2007 - 11:59)