Siedebar ordentllich fixieren

  • Moin,
    ich habe ein Theme mit einem vertikalem Menü links und einer Sidebar auf der rechten Seite und ich bekomme es nicht gebacken die Siedbar rechts zu fixieren bzw. fixiert bekomme ich sie schon, nur erscheinen alle wigdets dadurch übereinander.
    "position: fixed;" hab ich schon an allen Stellen probiert, jedoch passiert jedesmal das selbe (widgets übereinander).
    Vielen Dank für eure Hilfe.

    Hier mal der Quelltext:
    /* begin Box, Block */
    .art-block
    {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    min-width: 1px;
    min-height: 1px;
    }
    .art-block-body
    {
    position: relative;
    z-index: 1;
    padding: 7px;
    }
    .art-block
    {
    margin: 5px;
    }
    /* end Box, Block */
    /* begin Box, BlockContent */
    .art-blockcontent
    {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    min-width: 1px;
    min-height: 1px;
    }
    .art-blockcontent-body
    {
    position: relative;
    z-index: 1;
    padding: 0;
    }
    .art-blockcontent-body,
    .art-blockcontent-body a,
    .art-blockcontent-body li a
    {
    color: #1F2529;
    text-align: right;
    }
    .art-blockcontent-body a,
    .art-blockcontent-body li a
    {
    color: #977702;
    text-decoration: underline;
    }
    .art-blockcontent-body a:link,
    .art-blockcontent-body li a:link
    {
    color: #977702;
    text-decoration: underline;
    }
    .art-blockcontent-body a:visited, .art-blockcontent-body a.visited,
    .art-blockcontent-body li a:visited, .art-blockcontent-body li a.visited
    {
    color: #E7E5C6;
    }
    .art-blockcontent-body a:hover, .art-blockcontent-body a.hover,
    .art-blockcontent-body li a:hover, .art-blockcontent-body li a.hover
    {
    color: #B3C0C6;
    text-decoration: none;
    }
    .art-blockcontent-body ul
    {
    list-style-type: none;
    color: #24230F;
    margin: 0;
    padding: 0;
    }
    .art-blockcontent-body ul li
    {
    line-height: 1.25em;
    overflow:hidden;
    padding: 0 0 0 9px;
    background-image: url('images/blockcontentbullets.png');
    background-repeat: no-repeat;
    }
    /* end Box, BlockContent */

    • 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 musst das position: fixed auch an die richtige Stelle definieren: Das Div, dass die Sidebar umschließt:

    Code
    .art-sidebar2 { position: fixed; bottom: 0px; right:0  }

Jetzt mitmachen!

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