Ergebnis 1 bis 4 von 4

Thema: Positionierung von Elementen

  1. #1
    Teeny
    Registriert seit
    09.01.2018
    Beiträge
    25
    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    622
    Danke
    0
    Bekam 72 mal "Danke" in 70 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
    Teeny
    Themenstarter

    Registriert seit
    09.01.2018
    Beiträge
    25
    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
    622
    Danke
    0
    Bekam 72 mal "Danke" in 70 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, 20: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, 11:37
  3. Maximalgrößen von Elementen vorgeben
    Von Filzie im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 03.09.2008, 08:40
  4. Hilfe zu div elementen
    Von glurak15 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 23.04.2007, 07: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, 16:01

Stichworte

Berechtigungen

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