Convertir une table fluide en div/css

Question

Comment convertir ce tableau à 3 colonnes en utilisant uniquement des divs? Notez que les première et troisième colonnes sont fluides et que seule la deuxième (moyenne) colonne est de largeur fixe.

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td style="background-color:#CCC;">left</td> 
    <td style="width:940px; background-color:#0CF;">middle</td> 
    <td style="background-color:#FF9;">right</td> 
    </tr> 
</table> 

Answer 1

Cet article explique comment réaliser la mise en page à base DIV-vous désirez: http://www.barelyfitz.com/screencast/html-training/css/positioning/

Essentiellement, faire le conteneur DIV soit 100% de sa largeur, alors la position 3 "colonne" DIVs en son sein.

Answer 2

Peut-être aiderai: http://matthewjamestaylor.com/blog/perfect-3-column.htm

Ce problème de la vôtre est pas aussi simple que vous le pensez qu'il devrait être. Il est facile de placer 3 divs côte à côte et avoir la largeur de tout se comporter comme vous le souhaitez. Obtenir la hauteur de tous les 3 divs de se comporter comme vous le voulez est un peu plus compliqué.

Cet article, sans un tutoriel spécifique pour votre problème, peut vous donner quelques bonnes idées et des idées: http://www.alistapart.com/articles/css-positioning-101/

Edit: Un article plus spécifique pour votre question: http://www.alistapart.com/articles/holygrail/