Convertir une table fluide en div/css

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.Convertir une table fluide en div/css

<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>

Source

2010-12-01 user366810

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.

Source

2010-12-01 21:29:21 Shawn

Je suis passé par le tutoriel, mais il n'a pas expliqué ce dont j'avais besoin :( – user366810

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/

Source

2010-12-02 00:19:55 Bart

Je pense que je vais juste revenir à l'aide de tables.Ils sont intuitifs et fonctionnent comme je le veux, même si elles ne sont pas censées être utilisées pour les mises en page . Merci. – user366810

Convertir une table fluide en div/css

Répondre

Questions connexes