Ersetzen Sie die Tabelle Spalten mit DIV und CSS, mit Schwimmern?

<div id="mytable">
    <div class="left"></div>
    <div class="right"></div>
    <div class="clearer"></div>
</div>

<style>
   .left,.right {
      float:left;
      width:100px;
   }
   .clearer {
     clear:both;
     height:0;
   }
</style>

Dies ist der Weg, ich style meine "Tabellen", es funktioniert in allen Browsern.

InformationsquelleAutor Henrik Adolfsson

Ich habe ein Problem mit divs und css und vor allem schwimmt.. ich brauche, um zu konvertieren eine Seite, ist schwer mit Tabellen und Spalten und Zeilen, meine Idee ist, erstellen Sie ein div für jede Spalte, aber natürlich brauche ich zu schweben diese.

Gut klingt. Beachten Sie aber, dass die Umwandlung von table-layout auf CSS-layout kann tückisch sein, wenn Sie möchten, um das Aussehen zu 100% identisch.

Was sind die Regeln für schwimmend? Sollte ich float left die einzelnen Div bis ich zum Ende kommen, und dann muss ich "klar" der Schwimmer?

Lassen Sie mich die Antwort von Beispiel:

<div style="float: left;">Column 1</div>
<div style="float: left;">Column 2</div>
<div>Column 3</div>
<div style="clear: left;">Stuff below the three columns</div>

Ist es gute Praxis zu verwenden, Breite /Höhe, auf der sich ein div-anderer kann ich nicht schwimmen Sie richtig?? oder ist es besser min-height ?

Dass hängt davon ab, ob Sie möchten, dass die Breite/Höhe abhängig zu machen, dynamisch auf den Inhalt, oder wenn Sie wollen es fest. min-height kann nützlich sein, in vielen Fällen, aber ich denke, die Frage ist zu allgemein, um beantwortet werden.

Natürlich meine Idee ist, dass alle css-Sachen auf eine externe css-Stylesheet, so dass ich vermute, ich muss zu geben jedes div und der ID, so dass ich zuordnen kann, float /Stil... oder natürlich wenn Sie alle die gleichen kann ich zuweisen einer css-Klasse?

Ja.

InformationsquelleAutor Heinzi