Sidebars sollen content nicht überlappen

    Grüüüß euch :-)

    Seit einigen Tagen bin ich nun auch dabei, mir ein Blog aufzubauen. Das verwendete Theme war einmal "Weaver" und das Anpassen verschiedener Dinge ging auch ganz gut.
    Bei einer Sache jedoch komme ich echt nicht weiter und hoffe, daß ihr mir helfen könnt... ebenso wie ich hoffe, daß ich mich oben in der Überschrift verständlich ausgedrückt habe :roll:

    Schaut bitte mal hier: http://www.halbzahm.de.vu – dort seht ihr, daß die beiden Sidebars rechts und links in die „Hauptseite (gelblicher Hintergrund)“ hinein ragen. Sie überlappen und das mag ich nicht haben :(
    Wie kann ich das wegbekommen?

    Einen schönen Tag noch,
    LG, Ilves

    • Gerade eben
    • 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

    Versuch mal in der style.css

    HTML
    #content {width: 660px;

    zu reduzieren. Nimm mal 650px, dann 640 bis es passt.

    Moin,

    du solltest dir zumindest rudimentär das Boxmodell einmal anschauen. Dann wirst du feststellen, dass Border, padding und margin mit zur wahren Breite einer Box gehören.
    Nimmst du schon das seitliche padding der sidebars weg überlappen die sich nicht mehr. Der rechten sidebar noch ein float:right statt left, dann ist auch dort ein kleiner Abstand zum Content. ;)

    Hallo und schon einmal herzlichen Dank euch beiden.
    Das Boxmodell ist mir klar, das mit der content - with auch... nuuuurr... wo finde ich die Stelle in der Style.css an der ich auch richtig bin?
    Vorhin habe ich zur Probe im Editor mir die Style.css vorgenommen und nach und nach einfach mal alle paddings rausgenommen die ich entdeckt habe – geändert hat sich leider wahrhaftig nichts :???:
    Eine konkrete content-with habe ich auch nirgends finden können.

    ...hhhmmm... finde keine Editier - Funktion?

    ok, ----------------------------------edit-----------------------


    HABS!!!

    Nochmal vielen Dank, ihr habt mich auf die richtige Spur gebracht!

    Für jeden der nun wissen will, wie die Sache ausging: statt mit dem Editor in der style.css herum zu machen, schrieb ich folgendes:

    #center {display: block; text-align: center;}
    #content {width: 640px; text-align: left; margin-left: auto; margin-right: auto;}

    in die <HEAD> Section der erweiterten Optionen im Theme-Admin - Bereich.
    Die genaue Weite des contents mußte ich ausprobieren, nach drei, vier Änderungen fand ich sie aber.


    Klasse
    Bis zum nächsten Mal & LG

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden