Header falsch positioniert

    • 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

  • Du hast da eine Style-Angabe in deinem HTML-Code, die da eigentlich nicht hingehört:

    Code
    #header {
        margin: 31px 0px 0px 21px;
        text-align: right;
        height: 132px;
        width: 858px;
        [COLOR=Red]background: url(http://ipod.bplaced.net/WP/wp-content/uploads[/COLOR]/2008/09/header021.jpg) no-repeat top center transparent;}
    
    
        #header * {color: #cedbde;}

    Vermutlich steht die in deiner header.php
    Sollte das im Original-Theme drin gewesen sein, muss ich mich wundern...

    In deiner CSS Datei ist noch einmal fast die gleiche Angabe:

    Code
    #header {style.css (Linie 57)
    height:132px;
    margin:31px 0 0 21px;
    padding:0;
    width:858px;
    }

    Ergänze diese um die Zeile mit der URL des Header-Bildes (rot), lösche den Teil aus der header.php raus (vorher: Backup!).
    Dann musst du noch die margin anpassen, sie rückt dein Bild zu weit nach rechts unten und dadurch auch das zweite Bild.

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

  • Download funktioniert nicht und diese Werbebanner sind auch extrem lästig.
    Poste bitte hier deine header.php (Button "php-code einfügen" verwenden) und deine style.css. (Button "HTML Code einfügen". oben rechts).

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

  • Ich brauche mehr Infos von dir:

    Ist das jetzt das Original-Theme oder das, das du verändert hast?
    Ich bräuchte eher das veränderte Theme, das, bei dem´s schief gegangen ist, dann könnte man es entsprechend ändern...
    Hier ist das betreffende Bild gar nicht dabei.

    Beschreib mir bitte genau, was du wo gemacht hast, um den Header zu ändern. Und dann musst du vielleicht Geduld haben (falls nicht jemand anderes einspringt), ich muss jetzt aus dem Haus.

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

  • Das was ich da hochgelade hab ist das modifizierte Them.
    Also, vorher war die back.jpg einfach ein schwarzer Pixel. Die hab ich dann mit der jetzigen back.jpg ersetzt und dann gesehen, dass im footer, frame und repeater noch schwarz war. Das hab ich dann weggeschnitten und dann wieder eingefügt. Dann sah das Tem aber etwas komisch aus, da die Maße der Bilder footer, frame und repeater ja nich stimmten. (Das schwarze am Rand war ja jetzt weg) Es wurden dann für die Pixel des nicht mehr vorhandenen schwarzen wieder neu eingeblendet. Dann hab ich die Pixelangaben width und height angepasst. (style.css)

    Das sah dann auch eine Weile gut aus. Bis nach 3-4 mal besuchen der Site der Header sich verschob. Also von selber. NACH DER VERÄNDERUNG der style.css!!!!

    Einmal editiert, zuletzt von Verlinkt (6. November 2008 um 20:43)

  • Leider weiß ich jetzt immer noch nicht, wie du dein Header-Bild da eingebaut hast, genau das hast du nicht erklärt (und danach hatte ich ja gefragt)...;-)

    Das Bild in deinem Header, das mit dem IPhone, ist durch einen Upload zustande gekommen. Und wenn es nicht in deinem Theme-Ordner liegt (dort ist noch der schwarze Original-Header drin), sondern im Ordner uploads, krieg ich das hier nicht zu sehen, denn du hast ja den Theme-Ordner hochgeladen - alles klar?

    Also: Hast du das Original-Bild aus der style.css gelöscht? Was hast du anschließend gemacht, um das neue Header-Bild dorthin zu kriegen?

    Zuerst muss das noch mal raus (!), dein Bild im Header muss in den Ordner images in deinem Theme-Ordner, dann öffnest du deine style.css, suchst die Angabe #header und ergänzt hier die fehlenden Zeilen, die etwa so aussehen sollten:

    Code
    #header {
    background:transparent url(images/header021.jpg) no-repeat scroll left top;
    height:132px;
    margin:12px 0 0 12px;
    text-align:right;
    width:858px;
    }

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

  • Kapier ich nicht.

    Den Header hab ich einfah per WP ersetzt. Da kann ich den Header einfach ändern. Und das iPhone - Der Homebutton - hab ich einfach per FTP ersetzt. Ich hab nichts am Header oder Home.jpg in der style.css verändert!

  • Nun ja, es wäre wichtig zu wissen, dass dein Theme diese Option hat, das hat bei weitem nicht jedes...
    Das Problem ist, dass beim Ändern des Headers Styleangaben in deinen Code geschrieben werden, und das könnte ich hier nicht nachvollziehen, denn ich habe ja dein Bild nicht.

    Probier´s mal so:
    Ändere in deiner style.css bei #header die margin-Angaben, die passen irgendwie nicht zum neuen Bild:

    Code
    #header {
    height:132px;
    [B][COLOR=Red]margin:12px 0 0 12px;[/COLOR][/B]
    padding:0;
    width:858px;
    }

    Vielleicht genügt das schon.

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

  • Tut mir leid, ich kann anhand der Dateien, die ich hier habe, leider nicht nachvollziehen, auf welchem Weg das Problem zustande kam bzw. was auf dem Weg alles verändert wurde.

    Nimm mal die Original-Theme-Dateien mit dem schwarzen Header-Bild und ändere nur das Header-Bild, sonst nichts. Entsteht das Problem schon bei diesem Schritt? Wenn nicht, dann war es eine andere Änderung, die du vorgenommen hast.

    Ich kann dir nur folgendes sagen: Zur jetzigen Position deines Header-Bildes gehört das margin-Problem, wenn ich das mit Firebug ändere, stimmt die Position des Bildes. Warum das aber für das alte und das neue Bild nicht mehr übereinstimmt, kann ich dir nicht sagen - könnte durch andere Veränderungen verursacht worden sein. Das Ändern des Headers auf dem Weg, den du beschrieben hast, erzeugt offensichtlich Code, das ist nicht optimal so.

    Du könntest versuchen, dein Bild stattdessen direkt in der style.css einzubauen, wie ich es beschrieben habe. Schon probiert?

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

  • Schade, dass es nicht hingehauen hat - trotzdem: gern geschehen.
    Kontrolliere dein Layout nach jedem Schritt, wenn du Änderungen vornimmst und achte drauf, was dieses Theme mit deinem Header macht! ;-) Viel Glück!

    Sicher ist, dass nichts sicher ist. Selbst das nicht. (J. Ringelnatz) http://www.sigaspot.com

Jetzt mitmachen!

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