AdSense Banner in der Sidebar ausrichten

  • Hallo, ich betreibe einen kleinen Blog über iPhone-Themen und habe gestern auf ein neues, kostenloses Theme von Padd Solutions gewechselt.

    Heute wollte ich dann meinen 300x350-AdSense-Banner in die Sidebar integrieren und habe, wie bei allen vorherigen Themes, den AdSense-Code an die gewünschte Stelle in der sidebar.php eingefügt. Das Problem war, dass der Banner dann halb im Content hing und mit HTML in Sachen Ausrichtung nichts zu machen war.
    Blöderweise habe ich von CSS kaum bis gar keine Ahnung und insofern war ausprobieren angesagt. Nach einigem rumprobieren, habe ich es hinbekommen, in dem ich die Zeile in der CSS-Datei der darunterliegenden Funktion (populäre Posts) kopiert habe und die Breite pixelweise angepasst habe, bis es optisch in der Mitte ist. Der AdSense-Block ist nun in einer eigenen div-container, die Zeile in der CSS-Datei lautet:

    Code
    div#sidebar1 { width: 274px; padding: 0; margin: 0 36px 36px 0; float: right; }

    Kommt mir natürlich etwas komisch vor. Ein 300x250-Banner und width nur bei 274 ;)

    Ich habe jedenfalls das Gefühl, dass das alles relativ unsauber ist und wollte mal nachfragen, wie ich den AdSense-Banner sauber mittig in der Sidebar platzieren kann.

    Die sidebar.php und die layout.css (welche dann in die style.css importiert wird) habe ich mal hochgeladen:
    sidebar.php: http://pastebin.com/3xYL3sf7
    layout.css: http://pastebin.com/BDK42T38

    Wer die Seite begutachten möchte: Appblogger.de

    Ich bedanke mich schon mal vielmals für Hilfe, ich selbst bin leider mit meinem Latein am Ende.

    • 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

  • Dann erhöhe doch die Breite und nimm etwas vom Abstand nach rechts weg:

    Code
    div#sidebar1 {
    float:right;
    margin:0 10px 36px 0;
    padding:0;
    width:300px;
    }

    [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!