How to create a floating two column webpage design using “div” and “css”

The purpose of this post is to to show you how to make a 2 column website with a header and footer using divs and css. I also want to do it in such a way that will work in all browsers and is centered. Because IE, Firefox etc all do this differently I use one table. It is used as a container.

The HTML file <test.html> would look like this:

<html><head><linkhref="test-css.css"rel="stylesheet"type="text/css"/></head><body><tablewidth="1000"border="0"align="center"cellpadding="0"cellspacing="0"><tr><td><divclass="main_wrapper"><divclass="header"><p>Header</p></div><divclass="left_column"><p>This is the left Column</p></div><divclass="right_column"><p>This is the Right Column</p></div><divclass="footer"><p>Footer</p></div></div></td></tr></table></body></html>