<!-- Nous sommes dans une div #container-->

<div id="left">

  <div id="sidebar">

     <!-- Colonne de menu par exemple -->

  </div>

  <div id="content">

     <!-- Colonne de contenu comme son nom l'indique -->

  </div>

</div>

<div id="right"> 

   <!-- Colonne de "trucs" -->

</div>

#left{

  float:left;

  width:500px;

}

#right{

  float:right;

  width:200px;

}

#sidebar{

  float:left;

  width:150px;

}

#content{

  float:right;

  width:350px;

}

pablo77 a écrit :
Bon je pense que cette méthode en vaux une autre. Votre avis?

pablo77 a écrit :
En ce qui concerne celle ci, l'idée que j'appréciais c'est de pouvoir diviser à l'infini mes blocs. Par exemple #right, cette colonne elle même est divisible encore.. en deux par exemple, ce qui nous donne 4 colonnes..

pablo77 a écrit :
En ce qui concerne la compatiblité avec ce *!:$% de Internet Explorer (pardonnez ma grossierté),il y a toujours un moyen d'y palier.

pablo77 a écrit :
En réalité pour les div en float dans le hack pour ie, chaque div positionnée grace à la propriété float prends les propriétés de conteneur et de contenu (display:inline, et overflow:auto, height:100%).

#right{

  overflow:auto;

  height:100%;

}

#right{

  overflow:auto;

  height:100%;

  display:inline;

}

pablo77 a écrit :
Chaque div en se divisant doit assumer le rôle de contanier

pablo77 a écrit :
Mais également contenu

div{

  border:1px solid red;

}

Hansmi a écrit :
je me permet de soumettre un problème dans ce topic afin d'éviter de créer un nouveau sujet traitant du même tutoriel.