Simple 2 column layout with a header using css.
The HTML
div#wrap
{
margin:0px auto;
width:800px;
}
div#header
{
width:800px;
height:30px;
float:left;
}
div#sidebar
{
width:100px;
float:left;
height:30px;
}
div#main
{
width:700px;
height:30px;
float:left
}
{
margin:0px auto;
width:800px;
}
div#header
{
width:800px;
height:30px;
float:left;
}
div#sidebar
{
width:100px;
float:left;
height:30px;
}
div#main
{
width:700px;
height:30px;
float:left
}
RESULT [copying image of this http://www.james-blogs.com/2009/05/15/website-layouts-with-sidebars/]
[so result is actually sidebar first then content]
Categories |
||||
No Comments to “Simple 2 column div layout [css]”
Please Wait
Leave a Reply