固定ブロック要素

Question

「固定」スタイルのページの一部を作成してみてください。

<div class="container"> 
    <table class="frame"> 
    <tr> 
     <td colspan="2"> 
      <div class="toolbar"> 
      </div> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <div class="left-panel"> 
       <ul> 
        <li>Test 1</li> 
        <li>Test 2</li> 
        <li>Test 3</li> 
        <li>Test 4</li> 
        <li>Test 5</li> 
       </ul> 
      </div> 
     </td> 
     <td> 
      <div class="content-fluid"> 
       Lorem ipsum dolor sit amet,<br /> 
       consectetur adipisicing elit, sed <br /> 
       do eiusmod tempor incididunt ut labore<br /> 
       et dolore magna aliqua. 
      </div> 
     </td> 
    </tr> 
    </table> 
</div> 

とCSS：私は似たHTMLを持って.toolbarと固定.LEFTパネルとセンターを作る方法

<style type="text/css"> 
    .container { 
     text-align: center; 
    } 

    .frame { 
     border: none; 
     border-collapse: collapse; 
    } 

    .frame td { 
     vertical-align: top; 
    } 

    .toolbar { 
     heigth: 40px; 
     background-color: blue; 
    } 

    .left-panel { 
     width: 150px; 
     margin-top: 20px; 
     background-color: yellow; 
    } 

    .content-fluid { 
     margin-top: 20px; 
     margin-left: 10px; 
    } 
</style> 

。スタイルを固定してマイナスのマージンを追加しようとします。それは動作しますが、私はこの正しい解決策とは思わない。そして私はまたフレームのためのテーブルを使用する（私は他の方法でそれを中心に置く方法を知らない（.content-fluidは伸びるべきである））、それは醜いように見える。私の悪い英語:(

Answer 1

ために残念 あなたのテーブルセンターを作りたい場合は、100％に「.Container」幅を設定して追加することができ、 『マージン：オート』。あなたのフレームには、このを見てみましょう：http://jsfiddle.net/KNdw5/

あなたの最初の質問について

、あなたはより多くを説明してくださいだろう