Problem mit "hängender" Spalte im Grid

Thema wurde von daniel_thurner, 5. Januar 2019 erstellt.

  1. daniel_thurner
    daniel_thurner Mitglied
    Registriert seit:
    5. Januar 2019
    Beiträge:
    21
    Danke erhalten:
    1
    Danke vergeben:
    4
    #1 daniel_thurner, 5. Januar 2019
    Hallo Forumsgemeinde,

    ich bin dabei meinen Shop einzurichten und bin bei der Gestaltung auf ein Problem gestoßen zu dem ich keine Lösung finde. Ich möchte im Contentbereich die Kategorien mit Vorschaubildern anlegen und habe dazu eine 3 spaltige Darstellung gewählt.
    Nach Eingabe des nachfolgenden Code erscheint der Inhalt aber wie im beigefügten Screenshot (Shop noch offline). Der Inhalt der letzten Spalte hängt abgesetzt etwas nach unten.
    Bin über jede Hilfe dankbar!

    Der Code:

    <div class="row">
    &nbsp;
    <div class="col-xs-3 col-sm-3" style="text-align: center;">
    <span style="font-size:14px;"><strong>Kuu</strong></span> <a href="placeholder"><img class="img-responsive" src="images/KUNDOXTVorschau.png" style="margin-left: 1px; margin-right: 2px;" /></a>
    </div>

    <div class="col-xs-3 col-sm-3" style="text-align: center;">
    <span style="font-size:14px;"><strong>Fff</strong></span><a href="/sh"><img class="img-responsive" src="images/FW Kruse Zubehoer.jpg" /> </a>
    </div>

    <div class="col-xs-3 col-sm-3" style="text-align: center;">
    <span style="font-size:14px;"><strong>Sss</strong></span><a href="placeholder"><img class="img-responsive" src="images" /></a>
    </div>

    <div class="col-xs-3 col-sm-3" style="text-align: center;">
    <span style="font-size:14px;"><strong>Sss</strong></span><a href="/placholder"><img class="img-responsive" src="images/BeschlagSortiment.png" /> </a>

    </div>

    Die Ausgabe:

    upload_2019-1-5_13-25-38.png
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #2 barbara, 5. Januar 2019
    Ohne den Shop und die css-Codes im Hintergrund zu sehen, wird es schwer.
    In Deinem Code fehlt ein </div> am Ende, das solltest Du noch einsetzten.
    Dann hast du im ersten Block margin-werte, die würde ich auch einmal raus nehmen.
     
  3. daniel_thurner
    daniel_thurner Mitglied
    Registriert seit:
    5. Januar 2019
    Beiträge:
    21
    Danke erhalten:
    1
    Danke vergeben:
    4
    #3 daniel_thurner, 5. Januar 2019
    Das </div> hatte ich nicht kopiert.
    Das komische ist, sobald ich den Text über dem Bild herausnehme rutscht das Bild auf die selbe Höhe wie die anderen Bilder. Die ELemente sind dann korrekt angeordnet. Warum aber die ganze Spalte nach einfügen der Überschrift runterrutscht kapiere ich nicht.
     
  4. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    #4 ReneT, 5. Januar 2019
    hier wirst du kaum einen Fährtenleser finden... Ohne Link zum Patienten wird das nichts.
     
  5. daniel_thurner
    daniel_thurner Mitglied
    Registriert seit:
    5. Januar 2019
    Beiträge:
    21
    Danke erhalten:
    1
    Danke vergeben:
    4
    #5 daniel_thurner, 5. Januar 2019
    Zuletzt bearbeitet: 5. Januar 2019
    Konnte es mit einem -fluid Befehl beheben. :)
    Ich dachte auch vielleicht habe ich auch einfach nur etwas falsch zusammengebastelt.
    Trotzdem Danke für die Antworten!