Sidebar von links nach rechts verschieben

Im Design Bordeaux liegt unter dem Sub-Nav eine Sidebar. Diese wolle ich für meine Untermenüs nutzen. Aber bitte auf der rechten Seite, weil mir das links alles zu viel geworden wäre...

 

_az hat dazu Beispiele im Forum genannt, die ich wunderbar auf dieses Design anpassen konnte. Ich musste nur das richtige Element für dieses Design herausfinden, auf das ich sein Script anwenden musste:

  1. Besucheransicht
  2. Rechtsklick auf die Sidebar
  3. Element-Informationen anklicken
  4. die richtige "class" auswählen
  5. und diese dann im Head bearbeiten ansprechen:

.sidebar-options {

    position: absolute;

    height: 100%;

    right: 25px; /*Abstand vom rechten Browser-Rand (absolut)*/

    top: 80px; /*Abstand oben*/

    width: 175px; /*Breite*/

    padding: 10px; /*Randabstand zum Inhalt der Sidebar*/

  }


Und schon war die Sub-Nav immer noch links, aber die Sidebar rechts.

 

Allerdings stellte mich das vor neue Herausforderungen:

  • Ich konnte meinen selbsterstellten Footer nicht mehr korrekt positionieren.
  • Trotz einem ganzen Tag Herumprobierei habe ich es nicht geschafft, die Sidebar so zu formatieren, dass sie immer genauso groß war, wie der Content der jeweiligen Seite.

Also machte ich alles wieder rückgängig und lies die Sidebar wieder nach links rutschen. Nun sollte eine 

2. Sidebar

her. Auch das ist total simple und hat _az super gut nachvollziehbar beschrieben.

(Posts #19 & #20)