Contao-Camp 2024
Ergebnis 1 bis 4 von 4

Thema: 2 Div's per CSS verbinden und positionieren

  1. #1
    Contao-Fan
    Registriert seit
    31.01.2016.
    Ort
    Kaufbeuren
    Beiträge
    473

    Standard 2 Div's per CSS verbinden und positionieren

    Hallo zusammen,

    ich habe auf einer Webseite 3 Inhaltselemente die nebeneinander und übereinander positioniert werden sollen.
    Gibt es dafür eine Möglichkeit oder Methode wie man Div.2 und Div-3 per CSS miteinander verbinden kann, so dass diese beiden Div's als ein Div gesehen werden. Denn bei mir wird nur Div-1 und Div-2 nebeneinander und Div-3 immer unter Div-1 dargestellt. Wie kann ich Div-3 an die gewünschte Position bringen? Ich möchte aber nur ungern hier Floats verwenden, da das komplette Layout mit Flexboxen aufgebaut ist. Ob Div-1 links oder rechts von Dic-2 und Div-3 dargestellt wird, spielt schlussendlich keine große Rolle, Hauptsache es klappt mit der Darstellung.

    Code:
    	-----------------       -----------------
            |	        |	|               |
            |               |	|               |
            |               |	|     Div-2     |
            |               |	|               |
            |               |	|               |
            |               |	-----------------
            |     Div-1     |
            |               |	-----------------
            |               |	|               |
            |               |	|		|
            |               |	|     Div-3     |
            |               |       |		|
    	|               |	|		|
    	-----------------	-----------------
    Danke!


    Gruß
    Thomas

  2. #2
    Contao-Fan
    Registriert seit
    05.05.2011.
    Beiträge
    860

    Standard

    Du könntest die gewünschten Container mit einem umschließenden Container "verbinden".

  3. #3
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    So etwas kann man prima mit css-grid lösen.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  4. #4
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.853
    Contao-Projekt unterstützen

    Support Contao
    Grüsse
    Bernhard


Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •