« Prev | Next »

Step 4: Layout and Position

Layout in CSS is what most people have trouble with. After studying CSS, I can only think that this is due to lack of understanding. All you need to know for layout is float and clear.

I didn't use the sizes that I specified below, but I want to promote flexible sizes by using percentage.

div#maincontent {
float: left;
width: 75%;
}

div#sidebar {
float: right;
width: 20%;
}

div#footer {
clear: both;
}

Really, how hard was that? If you want more columns just float more divs. Much better to use this CSS rather than tables, and certainly not harder once you understand it.