Header, Content und Sidebar ueberlappen

  • Hallo,
    ich soll fuer ne Freundin ein Theme so umbasteln, dass der Content mit im Header steht und ebenso auch der Text der Sidebar.

    Ich hab mal eine Zeichnung gemacht. (siehe Anhang)

    Grund dafuer ist, dass sie eine Headergrafik hat, die halt in den Content und in die Sidebar mit einfliessen soll. Also muesste die Hintergrundsgrafik der Sidebar und der Page hinter der Headergrafik liegen und die Texte quasi davor.

    Versteht jemand was ich meine? *verwirrtgugg*

    Ich hab nur keinen Plan, wie ich den Content und den Sidebar-Text nach oben bekomme, so dass es fehlerfrei in verschiedenen Browsern angezeigt wird.


    Gruss
    Tigermaus

    • 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

  • Zitat von Tigermaus

    Ich hab nur keinen Plan, wie ich den Content und den Sidebar-Text nach oben bekomme


    Ich würde sagen mit relativer Positionierung (Beispiel).

    Zitat von Tigermaus

    so dass es fehlerfrei in verschiedenen Browsern angezeigt wird.


    Das auch noch? :-D Da hilft nur experimentieren und versuchen, die bekannten Browserbugs (allen voran natürlich IE) zu umschiffen.

  • Das geht irgendwie gar nicht.
    Ich muesste wohl dazu eine feste Hoehe angeben und das funzt ja nicht, weil die ja je nach Laenge der Beitraege verschieden ist.

    Ich hatte da bei content nur mal

    PHP
    position:absolute;
     top:200px;


    hinzugefuegt. Es verschiebt sich zwar nach oben aber der Content selber schrumpft auf eine Hoehe x, so dass sich der Footer gleich mit verschiebt.

    Bild vom Test-Theme im Anhang.


    Gruss
    Tigermaus


    Legende:
    orange: Header-Grafik
    blau: Page-Grafik
    gruen: Footer-Grafik

Jetzt mitmachen!

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