DIV's in Abhängigkeit zueinander positionieren



  • Hallo,

    folgendes:

    Man kann ja mit CSS einzelne Div-Bereiche gut mit z.B. Prozentangaben positionieren. (left: 10% wäre dann Abstand zum "Bildschirm links" 10% etc.).

    Ich habe jetzt mehrere DIV's auf meiner Seite und möchte diese eben voneinander abhängig positionieren. Zum Beispiel

    ---------------------------------------
    |                                     |
    | |---|  |------------------------|   |
    | |   |  |                        |   |
    | |   |  |                        |   |
    | | 1 |  |          2             |   |
    | |   |  |                        |   |
    | |   |  |                        |   |
    | |   |  |------------------------|   |
    | |   |                               |
    | |   |                               |
    | |---|                               |
    |                                     |
    |-------------------------------------|
    

    sollten jetzt zwischen DIV "1" und "2" ungefähr X Pixel oder X Prozent Abstand sein. Beide DIV's haben eine feste Größe, so dass diese sich auch nicht überlappen dürften, wenn man eine kleinere Auflösung wählt.

    Wie kann man das denn jetzt am besten bewerkstelligen. Die Begriffe und Methoden kann ich ja, mir fehlt lediglich die "richtige" rangehensweise.

    Vielen Dank



  • Ich denke, über float und margin sollte sich das doch recht einfach lösen lassen 🙄


Anmelden zum Antworten