Click to See Complete Forum and Search --> : how to split page into 3 columns with DIV


SZero
02-25-2008, 12:26 AM
hi every1

i need a simple way to split the page to 3 columns using DIVs, i know how to do it with 2 columns (navigator and the main page), but i need 2 navigators one on the left and the other on the right..

any helo??

ray326
02-25-2008, 12:32 AM
http://alistapart.com/articles/holygrail

fpmarin
02-26-2008, 08:19 PM
hi every1

i need a simple way to split the page to 3 columns using DIVs, i know how to do it with 2 columns (navigator and the main page), but i need 2 navigators one on the left and the other on the right..

any helo??
Note that this is a minimum code. You can add something else you need to complete it
============================================
/*CSS code*/
.bar
{
width:200px;
}

#left
{
float:left;
}

#right
{
float:right;
}

#center
{
margin-left:200px;
margin-right:200px;
}

#myText
{
width:80%;
margin:0 auto;
}

<!--xhtml code-->
<div>
<div id="left" class="bar"></div>
<div id="right" class="bar"></div>
<div id="center">
<div id="myText">

</div>
</div>
</div>