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.