Div-Ausrichtung bottom

  • Hallo zusammen,

    ich habe in meiner Sidebar eine Grafik und diese möchte ich immer am Ende der Sidebar anzeigen lassen. Was muss ich ändern, dass die Grafik immer ganz unten in der Sidebar erscheint?

    Hier ein Link:
    - - -http://hillary-step.com/wordpress/?page_id=16

    Der Berg in der linken Sidebar soll immer ganz unten sitzen...

    Vielen Dank für eure Hilfe!


    Einmal editiert, zuletzt von cester (14. Juli 2009 um 13:09)

    • 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

  • einfach die ganze css umbasteln:

    die .Sheet-body hintergrundfarbe als das sumpfgruen definieren, mit dem berg als hintergrundbild unten in der linken ecke;
    den berg dann aus der sidebar entfernen.

    das .content mit der hintergrundfarbe grau definieren;

    und dann dem .Footer die alte hintergrundgrafik geben, aber am besten die grafik bearbeiten und nur die graue mitte lassen.

    die farbcodes natuerlich genau auf die bestehenden farben anpassen.

    Code
    .content {background-color: #dasaltegrau;}
    .Sheet-body {background-color:#dassumpfgruen; background-image:  url([URL]http://hillary-step.com/wordpress/wp-content/themes/finale2/images/berg-green.gif[/URL]); background-position: bottom left; background-repeat:no-repeat ; margin-bottom:0; }
    .Footer {background: transparent url([URL]http://hillary-step.com/wordpress/wp-content/themes/finale2/images/bg-startseite.gif[/URL]) center top repeat-y; margin-top:0;  }


    und dann diesen code, mit den richtigen farbwerten, am ende des style.css einfuegen.

Jetzt mitmachen!

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