Selbe Höhe bei allen Boxen

    Hallo Leute,
    ich habe derzeit ein Problem an dem ich schon ein paar Stunden sitze . Derzeit arbeite ich an einem Responsiv WordPress Theme bei dem ich eine Übersicht der Beiträge ausgeben möchte, mein Konzept (http://dev.9mango.com/preview.png) sieht eig. ein Beitragsbild vor, dass dem DIV automatisch die Höhe gibt und darüber einem Textoverlay. Es kann jetzt jedoch vorkommen, dass der Beitrag kein Bild sondern nur Text enthält. Es würde schön aussehen wenn die Boxen alle die selbe Höhe hätten. Bisher habe ich dafür noch keine Lösung gefunden :/

    Später sollte das dann wie in den zwei Beispielen aussehen:
    1. http://trendis.si/wp-themes/spar…ferent-layouts/
    2. http://shinewp.guuhuu.com/portfolio/portfolio-2-column/


    Link zur Seite: http://apu.sh/3p7

    Danke schonmal.


    Grüße
    Frucht

    Einmal editiert, zuletzt von frucht9 (18. September 2013 um 12:10)

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Du musst in der CSS der Class #custom-list .custom-list-element eine feste Höhe geben, z. B. 430px, so z. B.:

    Code
    #custom-list .custom-list-element{
height:430px;
overflow:hidden;
}

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    dann nimm eine andere Höhe. Mein Wert war nur ein Beispiel.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Ich sah da zwar mal eine CSS-Lösung, um die Höhe von einem Bereich auf einen anderen zu übertragen, blickte nur nicht durch, weil die mir ziemlich aufwendig erschien.
    Eine JavaScript-Lösung hätte ich für Dich, falls Dir diese genügen sollte. Vorsicht, window.onload sollte nur einmal innerhalb einer Seite definiert werden. Falls bereits vorhanden, dann in dieser Funktion mit einfügen. Im Beispiel wird von DIV mit ID DIV1 die Höhe auf DIV mit ID DIV2 übertragen. Wenn mehr, so einfach die Endziffern von 2 bis X mit einer for-Schleife hochzählen.

    Code
    <script type="text/javascript">
"use strict";
window.onload = function() {


    var diehoehe = document.getElementById('Id von DIV1').offsetHeight;
    diehoehe = diehoehe + 40;   // Falls erforderlich einen Korrekturwert vorgeben, z.B. 40
    document.getElementById('Id von DIV2').style.height = diehoehe +"px";
}
</script>

    Wenn es wirken soll, ja

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden