3 colonnes qui s'adaptent

Hello tous,

je voudrais savoir si vous avez d'autres idées pour une mise en page que je dois faire : je veux faire trois colonnes côte à côte, de tailles identiques, qui s'adaptent à la résolution (en gros 1/3 chacune).

Bien sûr, pas de tableaux !

J'ai fait ainsi :

<style type="text/css">
<!--
#un{
float:left;
border:1px solid #f00;
width:30%;
}
#deux{
float:left;
border:1px solid #f00;
width:30%;
}
#trois{
float:left;
border:1px solid #f00;
width:30%;
}
-->
</style>

<div id="un">TOTO</div>
<div id="deux">TOTO</div>
<div id="un">TOTO</div>

C'est la première idée qui m'est venue à l'esprit, y en a-t-il des mieux ???

Merci à ceux qui répondront !

Alors vu le silence des Alsanautes, soit j'ai été touché par la grâce du dieu des CSS, soit y a pas de meilleure solution.

ça vous inspire pas plus ?

Bonsoir,

Les possibilités pour réaliser 3 colonnes fluides sont nombreuses, avec ou sans flottant, flux, positionnement, ou encore display:table-cell. Tu en trouveras de nombreux exemples dans le forum, sur openweb et ailleurs.

C'est en fonction de contraintes supplémentaires que telle ou telle méthode peut s'avérer ou non préférable : il n'y a donc pas beaucoup plus à dire

Voici quelques exemples de gabarits :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
http://www.ssi-developer.net/main/templates/
...

Tu devrais largement y trouver ton bonheur.
Modifié par ZbergK (16 Jul 2006 - 22:43)