28220 sujets

CSS et mise en forme, CSS3

bonjour tout le monde,
je découvre ce site vraiment bien fait pour les newbee comme moi, et je vous en félicite.

Le forum m'a l'air l'alternative parfaite pour les problèmes un peu plus pointu, on verra ca par la suite ; )

Je cherche dans un 1er temps, a afficher 3 colonnes côte à côte, le contenu est généré en php, je souhaiterais que chacune des 3 colonnes ait la même hauteur, c'est à dire celle qui contient le plus d'informations généré en php. voila ce que j'ai pour le moment :
<div class="line">
   ..<div class="directory1">
      ....code php
   ..</div>
   ..<div class="directory2">
      ....code php
   ..</div>
   ..<div class="directory3">
      ....code php
   ..</div>
</div>

et

.line {
width: 100%;
margin-bottom: 20px;
}

.directory1 {
background-color: #afbfcf;
width: 30%;
float: left;
}

.directory2 {
background-color: #7f8f9f;
width: 30%;
float: left;
margin-left: 5%;
}

.directory3 {
background-color: #cfdfef;
width: 30%;
float: left;
margin-left: 5%;
}


2ème question, comment faire pour que la DIV que j'ai appelé line puisse faire la même hauteur que celle de la colonne la plus haute, sans lui spécifier une valeur height en pixel ?

Merci d'avance pour vos réponses
Modifié par MysTinuX (10 Jun 2005 - 15:16)
J'ai répondu tout seul a ma 2ème question en farfouillant un peu sur le forum :

.line:after {
content: "";
display: block;
clear: both;
}


Par contre , pour la 1ère , je cherche encore : )
Modifié par MysTinuX (10 Jun 2005 - 15:28)
En fait ca marche pas sous IE, quelqu'un a une alternative pour forcer une balise conteneur à englober les balsies flottantes, sous tout les navigateurs ?