css - CSS レイアウト Basic を使用した DIV

Question

こんにちは、私はレイアウトを作成し、CSS と div を使用して理解しようとしています。中央の列を中央に固定するのに苦労しているようです。長いテキストを入力するたびに右側の列を超えてしまうため、これを回避する最善の方法は何ですか? 理解するために使用する簡単な方法はありますか？私は初心者で、TABLES AND TD を使用していました。理解しやすいですが、div に追いつこうとしています。テーブルと行は時代遅れのようです。助けてくださいありがとう。

これが私のコードです: http://jsfiddle.net/CVXKn/2/

<div id="wrapper" align="center">

        <div id="wrapper_inner">

            <div id="menubar">MENU BAR GOES HERE</div>

            <div id="headerContainer">Header LOGO Goes here</div>

            <div id="bodyContainer">

                <div id="left"> </div>

                <div id="center"> gegggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div>
                    <div id="centerEnter"> </div>

                <div id="right"> </div>
                <div class="clear"> </div>

            </div>   

            <div id="footerContainer">Footer Goes Here</div>

         </div>

     </div>