Eigebettete Videos überlappen Navigation

    Was kann ich tun das die per i-frame eigebetteten YouTube Videos beim nach oben scrollen nicht die Navigationsleiste überlagern - passiert übrigens nur im IE11

    Hier die SEITE

    • 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

    Versuch mal, deiner Navigationsleiste einen hohen z-index zu geben.

    Firebug sagt mir, dass das Element mit inline-style versehen ist:

    Code
    <div class="navigation section no-padding bg-dark" style="position: fixed; width: 100%; top: 0px;">

    Entweder hier ergänzen oder entsprechendes in die style.css schreiben:

    Code
    <div class="navigation section no-padding bg-dark" style="position: fixed; width: 100%; top: 0px; z-index: 9999;">

    Gruß
    helix

    Im IE testen musst du selber, sowas führ ich nicht …

    Leider nicht funktioniert.
    Ich habe jetzt in der header.php folgendes stehen:

    Code
    <div class="navigation section no-padding bg-dark" style="position: relative; width: 100%; top: 0px; z-index: 9999;">

    Und in der style.css:

    Aber im IE laufen die Videos immer noch über die Navileiste....

    Und noch was, in der mobilen Ansicht (Smartphone) ist immer noch ein Abstand zwischen Inhalt - Footer und Header, soll aber genau wie in der Desktop-Ansicht nicht sein. Wo kann ich das ändern?

    Zitat von Axel2301

    Leider nicht funktioniert.

    Gut (oder schlecht). Dann ist es das nicht. Dann ist die Frage, ob es an deinem Player / PlugIn dafür liegt. Suche mal nach diesem Player in Kombination mit IE11.

    Zitat von Axel2301

    Und noch was, in der mobilen Ansicht (Smartphone) ist immer noch ein Abstand zwischen Inhalt - Footer und Header, soll aber genau wie in der Desktop-Ansicht nicht sein. Wo kann ich das ändern?


    Da ist ein div mit der Klasse wrapper, das hat nach oben 7,5% Abstand. Nach unten habe ich nicht geguckt, vermutlich ähnlich. Hohe Zeilenzahl in der css, also irgendwo tief in den Media Queries vergraben.

    Gruß
    helix

    Ich habe weder Player noch ein Plugin verwendet, die Videos sind via i-frame direkt von youtube eingebettet worden.

    Das mit dem Abstand hat funktioniert, ich habe folgenden Code in die style.css eingefügt:

    Code
    /* Structure --------------------------------------- */
    
    .wrapper {     margin-top: 0%; margin-bottom: -40px; }

    Hat hier niemand eine Lösung für das Problem mit dem IE?

    Hier nochmal die Seite um die es geht, bei hoch scrollen im IE (bei mir Version 11) werdet ihr merken das die Videos über die Navileiste laufen anstatt drunter her KLICK HIER

    ohne Gewähr und ich habe grad keinen IE11 zum Testen bei der Hand

    in die header.php vor /head auf alle Fälle


    Code
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    und in der Site ist zweimal der title tag vorhanden.

    Habs in die header.php eingefügt, hat aber leider nichts gebracht.

    Was meinst Du mit in der Site ist zweimal der title tag vorhanden, was muss ich tun?

    Zitat von Axel2301

    Habs in die header.php eingefügt, hat aber leider nichts gebracht.

    Was meinst Du mit in der Site ist zweimal der title tag vorhanden, was muss ich tun?

    schau dir den Quelltext an, einfach rechte Maustaste auf der Seite und dann auf Quelltext/Sourcecode ansehen klicken,
    ganz ganz oben steht zweimal <title>..... </title> drin,
    du verwendest ein "SEO"Plugin, daher vielleicht den title-tag des Themes rausnehmen.

    Ok Danke für den Hinweis, habe den title-tag des Themes jetzt rausgenommen.

    Aber das Problem mit dem "Überlappen" besteht im IE leider weiterhin. Was kann ich da also noch tun?

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden