Convert Flüssigkeitstabelle in div/css

Wie kann ich diese 3-Spalten-Tabelle nur mit divs konvertieren? Beachten Sie, dass die erste und die dritte Spalte flüssig sind und nur die zweite (mittlere) Spalte eine feste Breite hat.Convert Flüssigkeitstabelle in 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>

Quelle

2010-12-01 user366810

Dieser Artikel erklärt, wie Sie die DIV-basierte Layout erreichen, die Sie wünschen: http://www.barelyfitz.com/screencast/html-training/css/positioning/

Im Wesentlichen machen die Container DIV 100% Breite sein, dann Position 3 "Spalte" DIVs innerhalb dieser Gruppe.

Quelle

2010-12-01 21:29:21 Shawn

Ich ging durch das Tutorial, aber es nicht erklären, was ich brauchte :( – user366810

Vielleicht wird dies helfen: http://matthewjamestaylor.com/blog/perfect-3-column.htm

Dieses Problem von Ihnen nicht so einfach ist, wie Sie es sein sollte denken. Es ist einfach, 3 divs Seite an Seite zu setzen und die Breite von ihnen alle so zu verhalten, wie Sie es wünschen. Die Höhe aller 3 dieser divs zu benehmen, um sich so zu verhalten, wie Sie wollen, ist ein wenig komplizierter.

Dieser Artikel, während kein speziell für Ihr Problem Tutorial, Ihnen einige gute Einblicke und Ideen geben kann: http://www.alistapart.com/articles/css-positioning-101/

Edit: Eine speziellere Artikel für Ihre Frage: http://www.alistapart.com/articles/holygrail/

Quelle

2010-12-02 00:19:55 Bart

Ich denke, ich werde einfach wieder mit Tabellen zu verwenden. Sie sind intuitiv und funktionieren so, wie ich will, obwohl sie nicht für Layouts verwendet werden sollen . Vielen Dank. – user366810

Convert Flüssigkeitstabelle in div/css

Antwort

Verwandte Themen