divの左に固定されたdiv

Question

私は私の人生のためにこれを働かせることはできません。私は、中央のdiv（コンテンツ）の左側に固定div（メニュー）が必要です。ページが小さくなると左のウィンドウの壁に触れる固定されたdivでいつものようにページのサイズを変更できるようにする必要があります。

私は私が何をしたいの図面を作った：

Image of what I want to accomplish

EDIT私はウィンドウのサイズを変更できるようにしたいとコンテンツとメニューが左ブラウザの壁から落ちるべきではありません。

#body{width: 1200px; border: 1px solid #000; margin: 0 auto;} 
#wrap {width: 800px;min-width: 800px;min-height: 1800px;margin: 0px auto;border: 2px #000 solid;position: relative;} 
#sidebar {width: 160px;height: 100px; border: 2px #000 solid;position: absolute;top: 0;left: -180px;} 
#fixed{position: fixed; width: 160px; height: 50px; background-color: #234324;} 
<div id="body"><div id="wrap"><p>Content</p><div id="sidebar"><div id="fixed"><p>Sidebar</p></div></div></div></div> 

EDIT2

：そしてまた、メニューには、常に以下は、私が（xFortyFourxから拡大ソリューションを）望んでいた正確に何をした

EDIT2EDIT ...コンテンツに対して固定されなければなりません

Answer 1

HTML

<div id="wrap"> 
<div id="sidebar"> </div> 
</div> 

CSS：

#wrap { 
    width: 950px; 
    min-height: 400px; 

    margin: 50px auto; 
    border: 2px #000 solid; 

    position: relative; 
} 
    #sidebar { 
     width: 50px; 
     height: 100px; 
     border: 2px #000 solid; 
     position: absolute; 
     top: 0; 
     left: -70px; 
    } 

編集：ここではサンプルですhttp://jsfiddle.net/XWkBw/

Answer 2

HTML：

<div class="main-container"> 
    <div class="navigation"> 
     nav  
    </div> 
    <div class="content"> 
     content   
    </div> 
</div> 

CSS：

.main-container { 
    width: 400px; 
    margin: 0 auto;   
} 

.navigation { 
    width: 100px; 
    float: left; 
} 

.content { 
    margin-left : 110px; 
} 

jsFiddle例：http://jsfiddle.net/5ZUrF/

Answer 3

あなたはこの例を行くことができます：

Fixed Box on left hand side

HTML

<div id="wrap"> 
<div id="sidebar"> </div> 
</div> 

CSSサポートしたいんどのブラウザ

#wrap { 
    width: 500px; 
    min-height: 500px; 

    margin: 50px auto; 
    border: 2px #000 solid; 

    position: relative; 
} 
    #sidebar { 
     width: 50px; 
     height: 100px; 
     border: 2px #000 solid; 
     position: fixed; 
     top: 50px; 
     left: 60px; 
    }