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>