Bilder rücken unter Header, wie kann ich das verhindern???

    Hallo Leute,
    ich habe meine WP Seite als Shop angelegt. Benutze WP 3.4.2 DE und das Twenty Eleven Theme.
    Ich habe nun folgendes Problem:
    Klickt man im Shop auf ein kleines Produktild, so öffnet sich eine Vergrößerung des Bildes, das ist auch gut so, ABER:
    Bei alles Produkten, die als erstes auf einer Seite sind, und somit dem Header und dem Kopf der Homepage am nächsten, öffnet sich zwar das Bild, rutscht aber teilweise unter den Header und ist nicht vollständig sichtbar....
    Weiß jemand woran das liegen kann?! Bzw. wie man das ändern kann?!
    Habe 2 Bilder zur veranschaulichung angehängt!

    aktuell und falsch:

    So siehts aus wenn man "weit genug runter gescrollt hat, so sollte aus auch oben auf der Seite angezeigt wreden, sprich der komplette Hintergrund inkl. Header etc sollte milchig werden...:

    Achso noch zur Info, die Bilder lasse ich per "Fancy Gallerie Lite"-Plugin (aktuellste Version) anzeigen.... Solange die Bilder und Inhalte dem Header nicht "zu nahe" kommen funktioniert damit alles super, eben nur wenn es in die Nähe des Headers geht...
    DANKE SCHONMAL
    Grüße
    - wooky -

    • 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

    AW: Bilder rücken unter Header, wie kann ich das verhindern???

    z-index für das Einblenden des Bildes via CSS anpassen. Mit dem z-index legst Du fest, welches Objekt vorne liegt.

    Hi, Danke für die schnelle Antwort!
    Kannst du mir evtl. sagen wo genau ich diesen Z-Index finde bzw. wo ich ihn ändern muss?
    GRUß

    AW: Bilder rücken unter Header, wie kann ich das verhindern???

    Link zur Seite? Notfalls auch via privater Nachricht...

    Ansonsten FireBug, das Bild dann auswählen und in der passenden CSS den z-index setzen.

    Kann jetzt direkt nicht viel mehr dazu schreiben, da ich am Strand sitze mit dem Handy. Heute am frühen Abend auch gerne die komplette Lösung.

    Hi,
    also hier mal den Link zur Produktseite meines WP Shops...
    http://oldschoolsocks.de/?page_id=102
    Wenn Du das erste Produktbild anklickst, wirst Du das Problem bemerken =)
    Bitte kein übermäßiger Stress wegen mir, gebieß den Tag am Strand !!
    Ich versuche es in der Zwischenzeit weiter...
    Tausend Dank erstmal!!:wink:

    style.css des Themes (ab Zeile 506):

    Code
    #branding {
    border-top: 2px solid #BBBBBB;
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
}

    Den z-index löschen oder auf 1 setzen sollte genügen

    Hab den Z-Index auf 1 gesetzt, passt alles wie ich es mir vorstelle!
    Ihr seid echt genial! Vielen Dank, die Hilfe hier im Forum ist wirklich Gold wert =)
    GRüßE

    AW: Bilder rücken unter Header, wie kann ich das verhindern???

    ...und ich jage vom Strand aus nach Hause... pfui! Der Service hier ist zu schnell :)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden