Logo verrutscht immer

  • Hallo,

    auf meiner Seite verschiebt sich unser Logo immer:
    http://www.pixotest.he-webpack.de/panzerdivision/

    Weiß jemand wie man das beheben kann, dass sich beim Browser "vergrößern oder verkleinern" sich nicht verschiebt ?!

    Ich linke mal meine header.php, das Logo heisst Logotop


    und der css code zum logo schaut so aus:

    PHP
    #logotop {
        
        background: url(http://www.pixotest.he-webpack.de/panzerdivision/wp-content/themes/triton-lite/images/logo2.png) no-repeat center;
        height: 150px;
        left: 430px;
        position: fixed;
        top: 45px;
        width: 150px;
    }
    • 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

  • Eigentlich ist das Gegenteil der Fall - das Logo verschiebt sich nicht, sondern bleibt fixiert 430px vom linken Rand entfernt.
    So steht es auch im css Code.

    Wenn Du das Logo einfach dem Container logo hinzufügst funktioniert es.

    #logo {
    background: url("http://www.pixotest.he-webpack.de/panzerdivision…mages/logo2.png") no-repeat scroll center center transparent;
    }

    die #logotop könnte dann weg

  • Super Vielen Dank, es hat geklappt.

    Wie schafft man aber wenn man es dort reinpackt, dass es rechts neben der H1 Überschrift steht ? Jetzt steht es mittig in der Schrift.

    Einmal editiert, zuletzt von mimo (15. Oktober 2011 um 23:36)

  • statt

    Code
    no-repeat scroll [COLOR=Red]center center[/COLOR] transparent


    mal

    Code
    no-repeat scroll [COLOR=Red]770px 0[/COLOR] transparent

Jetzt mitmachen!

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