Zwei div elemente auf eine Höhe bringen

  • Hallo,

    ich habe zwei div Elemente nebeneinander angeordnet. Diese möchte ich nun auf eine Höhe bringen. Bisher habe ich für jede neue Seite die height per css angepasst. Auf Dauer ist es aber echt nervig. Daher habe ich ein bisschen nach javascripten geschaut.

    Ich habe zwei gefunden, aber keines der beiden Scripte greift zu.

    Irgendwas mache ich falsch, vielleicht kann mir jemand helfen.

    Hier mal die beiden Codes:


    Ich habe die Codes jeweils in den footer eingefügt, weil in der functions.php Javascript (jQuery) auf true zugeordnet wurde

    Bitte seid nicht zu streng, ich bin noch ziemlicher Anfänger. Es geht mir auch nur um diese eine Javafunktion. Es wäre echt hilfreich, weil ich damit nicht immer die Höhe der Elemente manuell anpassen müsste.


    Liebe Grüße

    • 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

  • Schau dir parallel mal display:flex im Bereich CSS an.

    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]

  • Habe es mit dem zweiten Code hinbekommen.

    Das Script musste doch in den header und musste noch mit folgenden Code umschlossen werden:


    jQuery(document).ready(function($){


    });

    Der ganze Code sieht jetzt so aus:


    <script type="text/javascript">
    jQuery(document).ready(function($){
    var highest_element = 0;


    $('.navigation,.site-content').each(function() {
    if ($(this).height() > highest_element) {
    highest_element = $(this).height();
    }
    });


    $('.navigation,.site-content').each(function() {
    $(this).height(highest_element);
    });


    });
    </script>


    Vielleicht hilft es ja dem ein oder anderen

Jetzt mitmachen!

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