1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

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

Dieses Thema im Forum "Design" wurde erstellt von wooky, 1. Oktober 2012.

  1. wooky

    wooky Active Member

    Registriert seit:
    4. September 2012
    Beiträge:
    31
    Zustimmungen:
    0
    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: Bild Falsch.jpg

    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...:
    Bild Richtig.jpg

    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 -
     
  2. nucknuck

    nucknuck Well-Known Member

    Registriert seit:
    21. Juli 2010
    Beiträge:
    94
    Zustimmungen:
    0
    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.
     
  3. wooky

    wooky Active Member

    Registriert seit:
    4. September 2012
    Beiträge:
    31
    Zustimmungen:
    0
    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ß
     
  4. nucknuck

    nucknuck Well-Known Member

    Registriert seit:
    21. Juli 2010
    Beiträge:
    94
    Zustimmungen:
    0
    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.
     
  5. wooky

    wooky Active Member

    Registriert seit:
    4. September 2012
    Beiträge:
    31
    Zustimmungen:
    0
    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:
     
  6. infected

    infected Well-Known Member

    Registriert seit:
    9. Juli 2006
    Beiträge:
    9.816
    Zustimmungen:
    0
    style.css des Themes (ab Zeile 506):
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Den z-index löschen oder auf 1 setzen sollte genügen
     
  7. wooky

    wooky Active Member

    Registriert seit:
    4. September 2012
    Beiträge:
    31
    Zustimmungen:
    0
    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
     
  8. nucknuck

    nucknuck Well-Known Member

    Registriert seit:
    21. Juli 2010
    Beiträge:
    94
    Zustimmungen:
    0
    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 :)