2. Sidebar richtig positionieren

  • Huhu zusammen,

    ich hab jetzt schon das Forum, Google & Co, abgesucht, für mein Problem aber keine Lösung finden können...
    Also ich hab' mir ein Theme geladen (Dirty Green Wall) und installiert, soweit ales okay.
    Ich möchte aber 2 Sidebars haben, statt nur einer. Soweit auch kein Problem. Habe die Bilder erstellt/geändert
    eine zusätzliche rsidebar_right.php erstellt (wobei ich hier die andere nur kopiert habe und dann halt alles von sidebar in rightsidebar geändert):

    Dann hab' ich in die jeweiligen Dateien (index, page usw.) das Include gepackt:

    PHP
    <?php include (TEMPLATEPATH . '/sidebar_right.php'); ?>

    Und zuletzt dann noch versucht die CSS anzupassen:

    Ich kenn' mich nicht so gut aus mit dem gecode, und so langsam bin ich mit meinem Latein am Ende.
    Die 2. Sidebar ist zwar da, aber
    - sie hängt zur Hälfte im Post
    - sie soll auf Höhe des Content-Feldes (beim Bogen)
    - sie soll nach Möglichkeit Widgetfähig sein (hier glaube ich zu wissen, dass ich irgendwas in der functions.php machen muss, weiß aber nicht was genau)


    Ich hoffe es kann mir jemand helfen :oops:

    Ganz liebe Grüße
    Tanja (My own Living)

    Neuling versucht alles zu verstehen

    • 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

  • Bleiben wir bei den ersten 2 Problemen ...
    Suche im Sytlesheet diesen Bereich und ersetze es mit folgendem:

    Code
    /* Main - Content */
    	
    	#content {
    		float: left;
    		width: 440px;
    		padding-left: 0px;
    	}

    Du hast übrigens 2 mal die [FONT="Courier New"]style.css[/FONT] eingebunden, einmal reicht.

    Ich würde Dir empfehlen die rechte Sidebar im Theme unterhalb des Contents zu platzieren. Dann greift auch das [FONT="Courier New"]float:left[/FONT] des Contents wie oben im Codeschnipsel gepostet.

    "Whoever controls the media, controls the mind." J.Morrison

  • Das 3. Problem hab ich schon behoben bekommen ;-)

    Hm, Dein Code-Schnipsel bezieht sich doch aber auf den Content, der schiebt sich damit zwar nach oben, aber die rechte Sidebar bleibt im Content-Feld.

    Ich hab's nun auch mit margin-left/right versucht, aber auch das hilft nicht...

    Deine Empfehlung verstehe ich nicht ganz :-(
    Meinst Du das ganze im CSS? Dachte da sei die Reihenfolge egal?!
    Allerdings habe ich das auch so sortiert, also linke Sidebar, Content, rechte Sidebar...

    Wo habe ich denn die style.css 2x eingebunden?

    Sorry, wenn das doofe Fragen sind, ich kenne mich da nicht sooo aus, hab mir das bisschen was ich kann "allein" beigebracht :smile:

    Neuling versucht alles zu verstehen

  • Ok, langsam ...

    Nein, ich meinte nicht im Stylesheet, sondern in den Template-Files, [FONT="Courier New"]index.php[/FONT], [FONT="Courier New"]page.php[/FONT] usw.
    Und richtig, im Sytelsheet ist es Wurscht.

    Probier aber erst mal das:

    Code
    /* Main - Sidebar - right*/
    	
    #rightsidebar {
    float: right;
    width: 184px;
    font: normal 12px/18px Arial;
    color: #1c341d;
    background: url("images/sidebar2.gif") repeat-y;
    	}

    Zu 2x Stylesheet:

    "Whoever controls the media, controls the mind." J.Morrison

  • Danke Dir... Das mit dem doppelten Stylesheet und der Reihenfolge hab ich geändert,
    aber mit der Sidebar hab ich immer noch Probleme...
    Der Width-Wert ist doch die Breite der Grafik, diese wird dann halt geschmälert, mehr aber auch nicht :cry:

    Neuling versucht alles zu verstehen

  • Okay hat sich erledigt, hab's hinbekommen,
    falls jemand ähnliches Problem oder so hat,
    das hab ich bei der 2. Sidebar dazu gepackt:

    PHP
    position:absolute;
     left:907px; top:313px;


    Danke trotzdem für Deine Mühe! :smile:

    Neuling versucht alles zu verstehen

Jetzt mitmachen!

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