Ergebnis 1 bis 5 von 5
Like Tree2Likes
  • 1 Post By miniA4kuser
  • 1 Post By bermany

Thema: Elemente vertikal anordnen

  1. #1
    bermany ist offline Eroberer
    registriert
    30-10-2006
    Ort
    Berlin
    Beiträge
    67

    Elemente vertikal anordnen

    Hallo Foren-Gemeinde.

    Ich würde gerne eine Reihe von div-elementen deren display auf "inline-block" eingestellt ist vertikal anordnen.
    Regulär werden die Elemente horizontal angeordnet, bis die max. Breite erreicht ist, dann beginnt die 2. Zeile.

    Ich möchte hingegen die 1. Spalte füllen und wenn diese keinen Platz mehr aufweist mit der 2. beginnen usw.

    Gibt es dafür eine CSS-Einstellung?

    Danke.
    Geändert von mikdoe (07-01-2017 um 18:53 Uhr) Grund: Gelöst gesetzt
    Computer rechnen schneller als wir, deshalb machen sie auch mehr Fehler

  2. #2
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: Elemente vertikal anordnen

    Es gibt ja deises multi coumn zeugs, aber in wieweit das browserügergreifend kompatibel ist habe ich noch keine Erfahrungswerte...
    HTML-Code:
    <!Doctype>
    <html>
    <head>
        <title>Multi-columns</title>
        <style>
        div#list_1 {
            height: 200px;
            padding-top: 6px;
            border: 2px solid blue;
            -webkit-column-width: 150px; /* Chrome, Safari, Opera */
            -moz-column-width: 150px; /* Firefox */
            column-width: 150px;
            -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
            -moz-column-gap: 20px; /* Firefox */
            column-gap: 20px;
        }
    
        div#list_1 div {
            display: block;
            margin: 0 6px 6px 6px;
            padding: 4px;
            border: 1px solid gray;
        }
        </style>
        <script>
        function fillList() {
            var i,
                nodeLi,
                node = document.getElementById('list_1');
    
            for (i = 1; i < 51; i = i + 1) {
                nodeLi = document.createElement('div');
                nodeLi.appendChild(document.createTextNode('ELEMENT ' + i));
                node.appendChild(nodeLi);
            }
        }
    
        window.onload = fillList;
        </script>
    </head>
    
    <body>
        <div id="list_1"></div>
    </body>
    </html>
    bermany likes this.
    Hoffe ich konnte helfen

  3. #3
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.702

  4. #4
    bermany ist offline Eroberer
    registriert
    30-10-2006
    Ort
    Berlin
    Beiträge
    67

    AW: Elemente vertikal anordnen

    Sorry, dass ich erst jetzt antworte, hatte viel um die Ohren.

    Das ist genau das, was ich gesucht habe. Besten Dank dafür.
    mikdoe likes this.
    Computer rechnen schneller als wir, deshalb machen sie auch mehr Fehler

  5. #5
    Avatar von rckd
    rckd ist offline Eroberer
    registriert
    04-01-2017
    Beiträge
    60

    AW: Elemente vertikal anordnen

    Wieso nicht einfach flexbox?

Ähnliche Themen

  1. Elemente auf einen Kreis anordnen
    Von Avantasia im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 26-09-2012, 01:58
  2. elemente anordnen
    Von Noisebreath im Forum CSS und (X)HTML
    Antworten: 9
    Letzter Beitrag: 30-03-2010, 19:41
  3. Elemente mit Tabellen anordnen.
    Von sirbender im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 28-11-2008, 22:55
  4. Bilder anordnen
    Von planet4 im Forum CSS und (X)HTML
    Antworten: 4
    Letzter Beitrag: 10-02-2005, 23:34
  5. alphabetisch anordnen
    Von Bigman007 im Forum Serverseitige Programmierung
    Antworten: 3
    Letzter Beitrag: 07-12-2004, 09:28

Lesezeichen

Berechtigungen

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