Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: Morlanwen le le 25-10-2004 a 22:55:37

Titre: longueur des DIV
Posté par: Morlanwen le le 25-10-2004 a 22:55:37

Bonsoir,

Voilà, j'explique mon soucis: j'ai 3 colonnes et j'aimerais bien que, peut importe le texte de l'une ou de l'autre, elles aient toutes la même longueur. Pour le moment, je patauge joyeusement en essayant tous les trucs et astuces donnés ici, mais je ne trouve rien :( Le résultat reste le même, à savoir des colonnes de differentes longueur ( http://www.daoine-sidhe.org/fr/ (http://www.daoine-sidhe.org/fr/))

Voici le CSS

Code:
#header {
   HEIGHT: 140px;
}
#conteneur {
   WIDTH: 100%;
}
#centre {
   MARGIN-LEFT: 155px;
   MARGIN-RIGHT: 155px;
   margin-top: 5px;
   background-image:url(img/bg.jpg);
   border-color: #CDA96D;
   border-style: double;
   border-width: 5px;
}
#gauche {
   float:left;
   WIDTH: 150px;
   margin-top:5px;
   background-image: url(img/bg.jpg);
   border-color: #CDA96D;
   border-style: double;
   border-width: 5px;
}
#droite {
   float:right;
   WIDTH: 150px;
   margin-top:5px;
   background-image: url(img/bg.jpg);
   border-color: #CDA96D;
   border-style: double;
   border-width: 5px;
}
#pied {
   background-image: url(img/bg.jpg);
   border-color: #CDA96D;
   border-style: double;
   border-width: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
}


et l' HTML

Code:
<div id="header"> ...</div>
<div id="conteneur">
<div id="gauche">...</div>
<div id="droite">...</div>
<div id="centre">...</div>
</div>
<div id="pied">...</div>


Merci à celui ou celle qui pourra me depanner :)

Titre: Re:longueur des DIV
Posté par: SIBELIUS le le 25-10-2004 a 23:00:41

Il n'y a pas de recette miracle à cause d'un bug sur IE.
Je te donne des pistes : http://www.alsacreations.com/articles/cellules/

Titre: Re:longueur des DIV
Posté par: Morlanwen le le 25-10-2004 a 23:23:29

En effet, ca marche a peut pres. Le hic c'est qu'il faut que je supprime les broder-style:double sinon, ca fait cafouillage.
Je sais, je suis pénible, mais, a part un gros miracle, il n'ya donc pas moyen de faire des colonnes de même taille si j'ai bien compris...?
Diantre que la vie est injuste quand même. (et diantre que ma liste de favoris s'allonge ;) )

Titre: Re:longueur des DIV
Posté par: SIBELIUS le le 26-10-2004 a 05:16:03

C'est totu à fait possible, en utilisant la propriété display table-cell, ce qui fait que les div se comportent comme des cellules.

Mais comme je te l'ai dit, IE ne comprend pas cette propriété pourtant standard.


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.