固定幅センター3列レイアウトの作成方法は？

Question

私は、ウィンドウ全体を塗りつぶす3つの列を持つレイアウトを作ろうとしています。中央の列はページの中央に配置し、幅は固定してください（ピクセル単位で、パーセントではありません）。左と右のdivの幅は同じにする必要がありますが、幅は残りのウィンドウの幅によって異なります。

<div id="wrapper"> 
    <div id="left"> 
     left content 
    </div> 
    <div id="middle"> 
     middle content 
    </div> 
    <div id="right"> 
     right content 
    </div> 
</div> 

ばかりCSS（なしはJavaScript）でこのレイアウトを行う方法があります：ここで

は、HTMLのですか？そうでない場合は、テーブルでそれを行うことは可能ですか？

これまでに3つの列レイアウトで見つかったカップルのリンクがあります。私が必要とする制約はありません。あなたの助けを事前に

http://www.dynamicdrive.com/style/layouts/category/C10/
http://matthewjamestaylor.com/blog/perfect-3-column.htm

感謝。

編集：（ピクセル値）

middle.width = 500 
left.width = right.width = (window.width <= 500) ? 0 : (window.width - 500)/2; 

編集：ここでは
は、JavaScriptのソリューションです：あなたが試すことができます

window.onresize = function() { 
    var width = ((window.innerWidth - 500)/2) + "px"; 
    document.getElementById("right").style.width = width; 
    document.getElementById("left").style.width = width; 
}​ 

Answer 1

具体的には、私は保持するために、以下のようになります幅= 100％および3列の表を使用して、中間列の静的幅を設定します。

<table width="100%"> 
    <tr> 
    //left col 
     <td> 
     </td> 

    //main col 
    <td style="width:500px;"> 
    </td> 

    //right col 
    <td> 
    </td> 

    </tr> 
</table> 

各列にdiv要素またはpなどのブロック要素を挿入しようと、空の列が奇妙な挙動を示すことが:)