Sidebar auf Seiten unter dem eigentlichen Text

Rike1310

Hallo zusammen,

ich bin blutiger Wordpress Anfänger, das ist also meine erste Seite die ich via WordPress erstelle und logischer Weise auch der erste Post hier. Ich hoffe, dass alle Informationen enthalten sind, damit mir geholfen werden kann :)

Also: Ich nutze das Theme "BlogStyle", wo es generell wohl so eingestellt ist, dass die Sidebar auf den Seiten nicht vorhanden sein soll. Mittlerweile bin ich zumindest so weit, dass die Sidebar auf den Seiten zwar auftaucht, aber leider an der falschen Stelle - nämlich unter dem eigentlichen Text und nicht an der rechten Seite wie gewünscht...

Link zur Seite ist der folgende:
shining-star.at – ** andreas türck support **

Schon mal im Voraus danke für eure Hilfe und noch einen entspannten Sonntag! :)

Werbepost

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

SEpp55

Nunja, bei mir ist die Sidebar rechts unter dem Header, so wie es sein soll (am Desktop).
Ab 991px und kleiner wird die Sidebar aber mit CSS-Anweisungen unter dem Content verlagert, das nennt sich responsives Design ;-) und wird mit Media Queries umgesetzt.

Marcus[IS]

Zitat von SEpp55

Nunja, bei mir ist die Sidebar rechts unter dem Header, so wie es sein soll (am Desktop).
Ab 991px und kleiner wird die Sidebar aber mit CSS-Anweisungen unter dem Content verlagert, das nennt sich responsives Design ;-) und wird mit Media Queries umgesetzt.

Das Problem tritt bei @Rike1310 auf den statischen Seiten auf.
Ich vermute mal einen Konflikt dahingehend, das der Aufruf für die Sidebar mit in den Content Div gepackt wurde.

SEpp55

Yes, die class="col-md-4" sollte in die class="row" unter "col-md-12" hinein ..... - (sorry!).

Rike1310

Vielen Dank für eure Antworten, das Ziel kommt näher :)

Jetzt ist die Sidebar links und nicht rechts... weiß jemand von euch, woran es liegt?

Rike1310

Hat niemand eine Idee? :( Bin da echt überfragt :(

Marcus[IS]

Rufst du die Sidebar vor, oder nach dem Content auf?

Die Reihenfolge müsste da eingehalten werden. Denn wenn der Sidebar Aufruf vor dem Content stattfindet wird diese auch zuerst angezeigt.

Und was auch noch hinzu kommt, das sind die Feinheiten die du mit css noch machen müsstest.
Hierbei kämen die Anweisungen float:left; und float:right; zum Einsatz.

Hier mal ein Beispiel aus dem Theme Twentyten, damit du siehst, wie so ewtas aufgebaut werden kann;

Code

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/


#container {
    float: left;
    margin: 0 -240px 0 0;
    width: 100%;
}
#content {
    margin: 0 280px 0 20px;
}
#primary,
#secondary {
    float: right;
    overflow: hidden;
    width: 220px;
}
#secondary {
    clear: right;
}
#footer {
    clear: both;
    width: 100%;
}

Alles anzeigen

Die Div Tags Primary und Secondary stehen beim Twentyten für die Sidebars und der Tag Content erklärt sich denke ich von selber. ;)

Rike1310

Hi Marcus,
erst mal Danke für deine Antwort.

Die Sidebar steht nach dem Content, da hab ich mich an der "single.php" orientiert. in der "styles.css" steht bei der side-bar "float: none" aber selbst wenn ich da right oder left eingebe, passiert nix :( Das ist frustrierend! :D

SEpp55

Offensichtlich nicht ganz so....
Ich habe zur Erklärung ein kleines Video gemacht - da siehst du den Unterschied.
Beachte die rechts Verschiebung der classen.

Startseite:
container
....row
........col-md-8 (66.66%)
........col-md-4 (33.33%)

Andreasseite:
container
....row
........col-md-12 (100%)
............bls-pag
............col-md-4 (33.33%)
....col-md-4

(Die Punkte sind NUR das hier keine Leerzeichen am Zeilenbeginn angenommen werden!)

Rike1310

Danke für die Antwort :) Beim Link öffnet sich allerdings nur eine leere youtube-seite bei mir?

Jetzt geht's, allerdings kein Ton :)

SEpp55

Das ist ohne Ton! ;)

Rike1310

Okay :D

Ich glaube, ich bin ein hoffnungsloser Fall :( Wenn mir das Theme nicht so gut gefallen würde, würde ich mir glatt ein anderes auswählen :confused:

SEpp55

Auch da wird dich die Realität wieder einholen....
Ich versuche das nochmals! Aus LINK <div> DIV ist ein Block-Element. Ein DIV nimmt die komplette Breite ein, sofern nichts anderes in CSS umdefiniert wurde und wird mit </div> geschlossen!
Erstes interessante

Code

<div class="container">
    <div class="row">
        <div class="col-md-8">
        <!--darin werden mit einem loop die Beiträge angezeigt-->
        </div>
        <div class="col-md-4">
        <!--darin wird die sidebar angezeigt-->
        </div>
    </div>   
</div>

Das heißt, in der row wird die col-md-8 ausgeführt (mit width: 66.66%) und danach wird daneben die col-md-4 (mit width: 33.33%) geladen - siehe Video rechts die Reihenfolge links die umdefinierte Breite.
In deiner Andreasseite kanst du selbst nachvollziehen was schief läuft ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar auf Seiten unter dem eigentlichen Text

Jetzt mitmachen!