Also normalerweise gehe ich immer auf die Fragen ein, aber in diesem Fall muss ich mal fragen wieso Javascript?
Das geht auch mit css!
1. würde ich den Content im HTML Code über das Menü packen. Somit wird der
Content wichtiger und bekommt eine höhere Gewichtung bei Google.
2. Content und Menü link jeweils mit float: right; also:
<div class='content'></div>
<ul class='menu_left'></ul>
.content{float: right;}
.menu_left{float: right;}
3. Der Content bekommt einen linken Border und das Menü einen rechten:
.content{float: right; border-left: 2px solid red;}
.menu_left{float: right; border-right: 2px solid red;}
4. Damit man nicht beide Border sieht müssen sie sich überlappen. Das erreicht man in dem man eine Box über die andere schiebt. In meinem Beispiel mache ich das mit dem Content, dass bekommt eine margin-left: -2px;
.content{float: right; border-left: 2px solid red; margin-left: -2px;}
.menu_left{float: right; border-right: 2px solid red;}
Kannst du natürlich mit min-height noch aufwerten das ganze. Hoffe das Prinzip ist klar.
Gruß
min-height: 186cm
T-Rex