28220 sujets

CSS et mise en forme, CSS3

3 colonnes de meme longueur en CSS

Bonjour,
J'ai une page html avec un classic 3 colonne en css don voici le code:

 <style type="text/css">
    * {
    margin: 0px;
    padding: 0px;
   }
   div#header {
    clear: both;
    height: 160px;
    background-image: url(images/centre.png);
    text-align: center ;
   }
    div#Hleft {
    float: left;
    width: 243px;
    height: 160px;
    background-image: url(images/coing.png);
   }
   div#Hright {
    float: right;
    width: 243px;
    height: 160px;
    background-image: url(images/coind.png);
   }
   div#left {
    float: left;
    width: 100px;
    height: 600%;
    background-image: url(images/colg.png);
   }
   div#right {
    float: right;
    width: 100px;
    height: 600%;
    background-image: url(images/cold.png);
   }
   div#middle {
    padding: 0px 20px 0px 20px;
    height: 600%;
    margin-left: 100px;
    background-image: url(images/marbre.png);
    font-size: 14px;
   }
   div#footer {
    clear: both;
    height: 40px;
    background-image: url(images/marbre.png);
   }
    div#fleft {
    float: left;
    width: 110px;
    height: 40px;
    background-image: url(images/piedg.png);
   }
   div#fright {
    float: right;
    width: 110px;
    height: 40px;
    background-image: url(images/piedd.png);
   }
   H1 {
    font-size: 18px;
   }
   H2 {
    padding-top: 10px;
    font-size: 16px;
   }
    </style>

J'aimerais que les colonnes exterieur aient la meme longueur que la colonne central.
je penssait que height: 100%; suffisait mais non.
donc pour l'instant je mets height: 600%; mais du coup c'est static et non en fonction du texte central.
un ptit lien vers ma page pour y voir plus claire.
http://novusimperium.free.fr/aide.html

Merci.
Modifié par sieurVLD (19 May 2005 - 12:45)
Merci de cette réponse extrêmement rapide.
J'ai fouillé un peu, mais pas assé.
Effectivement il y a des solutions.
mais de ce que j'ai lu, elles se basent toutes sur des colonnes avec un fond de couleur or moi c'est un fond avec une image.
et je ne vois pas comment je peut mettre un conteneur avec une images de chaque coté .

Je resterais donc avec mes height: 600%;

A+
Sujet clos
Aller à