可変側の3列ウェブデザイン

Question

私は、中央の列が一定の幅を持ち、常に中央に配置されている3列のウェブデザインを作成する方法を考え出してきました。左右の列は可変です。これはテーブルでは簡単ですが、意味的には正しくありません。私はこれをすべての現在のブラウザで適切に動作させることができませんでした。これについてのヒント？

Answer 1

this techniqueを使用し、中央の列に固定幅を指定するだけです。

Answer 2

サイドバーの列の最初の（固定）幅から始めてから、ページが読み込まれるときにjavascriptを使ってウィンドウの幅を取得し、サイドバーの新しい幅を計算する必要があると思います。ウィンドウのサイズが変更された場合は、次に、JavaScriptを再適用することができ/ 2

-

サイドバー幅=（中央列幅窓幅）。

Answer 3

チェックこのアウト：http://www.glish.com/css/2.asp

と幅置き換える：固定値で#maincenterためXX％を。私がFirebugでそれを変更したときに動作するように見えます。

#maincenter { 
    width: 200px; 
    float:left; 
    background:#fff; 
    padding-bottom:10px; 
    } 

Answer 4

This article at A List Apart意志3列のレイアウトで得られた溶液を有する：、

• は、固定幅のサイドバーと流体中心を有するが

• は、中央の列は、最初の出現を可能にしますソース、

• 任意の列を最も高くすることができます。

• は、マークアップの1つの余分なdivのみを必要とし、

• は、最小限のパッチで非常に単純なCSSを必要とします。