Bild positionieren, außerhalb des Contents - mal wieder :(

  • Hallo Leute,

    nachdem ich die Forensuche bemüht habe und etliche Versuche gestartet habe, bleibt mir ob meiner fehlenden Konzentration momentan nichts weiter übrig, als diesen Thread zu eröffnen.

    Auf folgender Seite: http://www.cs-schmidt.com/wp möchte ich die Fee an der ComboBox positionieren. Nach dem ich mich mehrfach über die Positionierung per CSS belesen habe komme ich zu dem Entschluß, dass der Fehler irgendwo anders liegt. In meiner Auflösung (1280x1024) ist die Fee genau an der Comobox. Überprüfe ich die Seite mit anderen Auflösungen oder verkleinere/vergrößere ich das Browser-Fenster verschiebt sich die Fee...

    Folgenden CSS-Code verwende ich:

    Code
    #fee {
        content: url("http://cs-schmidt.com/wp/wp-content/uploads/2014/09/fee.png");
        position: absolute; /* fixed funktioniert ebenso wenig...
        left: -30px;
        /* right: 0px; */
        top: 190px;
    }

    was stimmt hier nicht? Das Theme nennt sich My-Child, wobei ich ein Child-Theme benutze. Außer WooCommerce sind keine weiteren Plugins aktiv.

    • 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 es mal anstatt mit left: -30px; mit margin-left: -240px;

    Den Wert musst du ggf. noch anpassen.

    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]

  • Mhhh... Funktionieren tut's schon mal - leider nur mit meiner Auflösung. Test ich das ganze bei "Am I Responsive" ist die Fee dennoch verschoben. Bei den ganzen "position" und "left" und "margin-left" Blick ich nicht mehr durch... Bin über jede Idee dankbar!

    Mein momentaner Code: (ob % oder px bringt leider keinen Unterschied)

    Code
    #fee {    content: url("http://cs-schmidt.com/wp/wp-content/uploads/2014/09/fee.png");
        position: fixed;
        margin-left: -17%;
    }
  • Responsive würde ich die Fee auch irgendwann einfach ausblenden, oder wo soll sie dann hin?

    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]

  • Sorry das ich mich jetzt erst melde - war verhindert. Responsive wollte ich die Fee unterhalb einer bestimmten Auflösung nicht mehr anzeigen, mittels Media. Aber ich werde sie wohl gar nicht mehr anzeigen, wenn ich nicht eine Lösung finde :(

  • du darfst beim margin auch nicht mit % arbeiten.
    also wie sirector schreibt:

    Code
    position: fixed;
    margin-left: -240px;
    margin-top: -15px;

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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