HTML: Fester Abstand Sidebar + Inhalt

Question

Hallo Leute, ich habe 2 kleine Probleme. Ich mache derzeit eine Webseite und bin den Wunsch nachgegangen, dass die Webseite eine feste Höhe bekommen soll. Sollte der Inhalt über die fest definierte Höhe herausragen wird es mittels Scrollbalken gelöst. Das klappt auch ganz gut. Jetzt taucht ein kleines problem auf.

Ist der Text nicht allzu lang und es wird kein Scrollbalken erzeugt habe ich zwischen Sidebar und Inhalt folgenden Abstand: http://s7.directupload.net/images/110609/azvdhmht.png (Recht groß wie ich finde)

Ist der Text länger, so dass ein Scrollbalken erzeugt wird rückt der Inhalt näher an die Sidebar ran (weil der Scrollbalken eben auch seinen Platz braucht), Siehe hier: http://s7.directupload.net/images/110609/ex4bn5l8.png

Diesen zweiten Abstand (mit Scrollbalken) zwischen Sidebar und inhalt möchte ich auch haben, wenn es keinen Scrollbalken gibt.

Wie löse ich das Problem?

Link zur webseite: http://bit.ly/kEEst7
Link zur css datei: http://bit.ly/kF0CHd

Answer 1

Wenn ich anstatt overflow:auto, overflow:scroll nehme erscheint der Scrollbalken immer.

Ich denke so ist das ok

Answer 2

Das ist eine Möglichkeit und die andere Möglichkeit wäre, wenn du einfach einen unsichtbaren Container zwischen die Sidebar und dem Mainframe setzen würdest.
Da alle immer die selbe größe haben und sonst lediglich bei längerem Text, der Scrollbalken auftaucht, sollte dies auch eine Lösung für dich sein.

Answer 3

Das ist eine Möglichkeit

nein, das ist die Möglichkeit, nämlich die Lösung eines kleinen Layout-Problems mittels CSS.