Trennlinie zwischen Inhalt und Sidebar

  • https://printlayout-und-webdesign.de/test/

    Hallo allerseits,
    ich hab eine weitere Frage: Zwischen Seiteninhalt und Sidebar möchte ich eine Trennlinie haben. Mit dem folgenden CSS-Schnipsel hab ich das auch soweit erreicht - allerdings nicht über die gesamte Höhe der Seite, sondern nur über die Höhe der Sidebar (soweit Inhalte vorhanden sind).

    [INDENT].widget-area {
    border-left: 3px solid #000000;
    list-style-type: none;
    margin: 0;
    padding: 1em;
    }
    [/INDENT]

    Wie könnte man die Trennlinie über die gesamte Höhe ziehen?
    Vielen Dank für eure Tipps im Voraus!
    Ivo

    • 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

  • Grundsätzlich ist deine Herangehensweise gut. Wenn du aber die Trennlinie über die Höhe des linken Bereiches haben willst, mußt du diesem Bereich einen Rand verpassen. Dein Theme unterteilt den [FONT=Courier New]main[/FONT] - Bereich in[FONT=Courier New] id="primary" class="content-area"[/FONT] und in eine [FONT=Courier New]"id="secoundary class="widget-area".[/FONT]

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Danke für deine Hilfe! Dann muss ich also statt der "widget-area" die "content-area" bearbeiten, hab ich das richtig verstanden? Und die bekommt dann den Rand. Probier ich aus. Guter Tipp!

  • Da in deiner URL ....und-webdesign.de steht, nehme ich an, das dir CSS geläufig ist!
    Weiters solltest du auch ansehen, wenn in responsiver Ansicht die Sidebar unter dem Content angezeigt wird, ob da die Trennlinie noch schön aussieht usw. (Stichwort: MediaQueries) Da hat aber jeder seine eigenen Vorstellungen ... :rolleyes:;)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

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