Ergebnis 1 bis 4 von 4

Thema: Positionierung von Elementen

  1. #1
    Youngster
    Registriert seit
    09.01.2018
    Beiträge
    11
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard Positionierung von Elementen

    Hallo,
    ich habe Schwierigkeiten Elemente in CSS anzuordnen.
    Es sollte, so wie im Anhang aussehen.
    Sollte man Flexbox oder ein CSS Grid verwenden?
    Wie positioniert man Elemente?
    Der rote Kasten sollte ein Bild sein.


    Vielen Dank
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    593
    Danke
    0
    Bekam 69 mal "Danke" in 67 Postings

    Standard AW: Positionierung von Elementen

    Hallo

    Ohne den konkreten Inhalt und das gewüschte Verhalten bei schmaleren Fenstern zu kennen lassen sich kaum konkrete Informationen geben.

    Das scheinen mir drei Container zu sein. Damit sind entweder CSS Grid oder Flexbox geeignet. Wobei in diesem Fall wohl Flexbox sinnvoller ist.

    Gruss

    MrMurphy

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    09.01.2018
    Beiträge
    11
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Positionierung von Elementen

    Hallo,
    bei schmaleren Fenster soll der rechte Text und das Bild weiter nach links verschoben werden.
    Die Schriftgröße wird auch kleiner.
    Wird das Fenster weiterhin verkleinert, dann soll der rechte Text verschwinden.
    Wird das Fenster weiterhin verkleinert, dann soll das Bild in die Menüleiste und es steht nur noch der linke Text.

    Kannst du mir erklären, wie man mit Flexbox Elemente positioniert?
    Das responsive Verhalten brauchst du nicht erklären.

  4. #4
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    593
    Danke
    0
    Bekam 69 mal "Danke" in 67 Postings

    Standard AW: Positionierung von Elementen

    Hallo

    Mit Flexbox werden Elemente positioniert indem ihnen per flex-basis Breiten zugewiesen werden. Wenn damit nicht die gesamte Zeile gefüllt ist können sie mittels justify-content seitlich (horizontal) angeordnet werden.

    Siehe zum Beispiel:

    http://on-design.de/tutor/html5_css3/css3/flexbox.html

    Gruss

    MrMurphy

Ähnliche Themen

  1. Problem beim Platzieren von CSS Elementen
    Von Spitzkopf_Larry im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 24.01.2017, 21:29
  2. Ein DIV mit Javascript an verschiedenen elementen positionieren?
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 18.08.2009, 12:37
  3. Maximalgrößen von Elementen vorgeben
    Von Filzie im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 03.09.2008, 09:40
  4. Hilfe zu div elementen
    Von glurak15 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 23.04.2007, 08:30
  5. JavaScript: Ansprechen von Elementen
    Von rincewind im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 23.09.2006, 17:01

Stichworte

Berechtigungen

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