html - DIV using CSS layout Basic -

hi guys i'm trying create layout , understand using css , div. seems i'm having hard time making center column fixed in center, cause everytime type long text exceeds right column, what's best way avoid this? easier method use understand? i'm beginner , used use tables , td's, it's easier understand, i'm trying catch divs cause tables , rows seems obsolete. please thanks.

here's code: 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>   

you should set word-wrap property on #center break-word.

#center {   word-wrap: break-word; } 

here's jsfiddle

here's link information word-wrap.