Siqu: Tabelle mit DIV Problem: Reihenfolge

Hallo Community,

mein Ziel:
-----------------
|Zelle1 | Zelle2|
-----------------
|      Rest     |
-----------------

Das Problem:
Die Informationen kommen aus eine dynamischen Quelle in dieser Reihenfolge:
<div>
<div>Zelle1</div>
<div>Rest<div>
<div>Zelle2</div>
</div>

Die Formatierung spielt dabei keine Rolle Hauptsache in einer Zeile kommen die Zellen und darunter alles andere.
Ich kann den divs noch alles mögliche zuweisen wie style oder class.
Und deswegen hat ich folgende Idee, die aber leider nicht funktioniert:

<style type="text/css">
    .table{display:table;}
    .row-group{display:table-row-group;}
    .cell{display:table-cell;}
    .footer-group{display:table-footer-group;}
</style>

<div class="table">
    <div class="row-group">
        <div class="cell">Zelle1</div>
    <div class="footer-group">Rest<div>
        <div class="cell">Zelle2</div>
    </div>
</div>

Und viele andere ähnliche Versuche die aber mir nicht das Gewünschte Ergebniss bringen.

Ich hoffe einer von euch hat ne Idee die funktioniert.

Danke Siqu

  1. hi,


    |Zelle1 | Zelle2|

    Rest

    <div class="table">
        <div class="row-group">
            <div class="cell">Zelle1</div>
        <div class="footer-group">Rest<div>
            <div class="cell">Zelle2</div>
        </div>
    </div>

    Ist der Inhalt der beiden ersten Zellen immer gleich, sprich kannst du diesen Elementen eine feste höhe zuweisen?

    Wenn ja, dann einfach Zelle1 oben Links und Zelle2 oben rechts absolut positionieren (beiden eine breite von 50%), dem "Rest" ein Margin-Top, dass der höhe der beiden Zellen entspricht und gut ist.

    mfg

    1. So hab noch viel probiert und bin dann auf folgendes gekommen:
      einfach der class"cell" den style top:200px; position:absolute; hinzufügen und die Elemente richten sich am BODY aus und damit nicht mehr am Browserfenster wobei sie sich immer verschoben haben wenn sich das Browserfenster änderte.
      Und ne Positionierung in Abhängigkeit der andren Elemente ging auch nicht weil sich "REST" immer in der höhe geändert hat.

      Danke an die die es versucht haben rauszubekommen

      1. hi,

        Danke an die die es versucht haben rauszubekommen

        Ist das Problem denn gelöst? Ich kann leider nicht zwischen den Zeilen lesen.

        mfg