Create two-column page layouts with Web standards

Web|web Standard | create | pages are designed using WEB standards, and there is a belief that you don't use the Table Glen for basic page layout.

The two-column layout common to a Web page is usually done by a table of 1 rows and 2 columns. For example:
<table border= "0" width= "760" >
<tr>
&LT;TD style= "width:30%;" > left column </td>
&LT;TD style= "width:70%;" > right Column </td>
</tr>
</table>
Using the Float property of a Div object, it can be implemented completely, with the page code as follows:
<div id= "Container" >
<div id= "Sidecolumn" > left column </div>
<div id= "Maincolumn" > right column </div>
</div>
The accompanying CSS code is:
#Container {
width:760px;
}
#SideColumn {
width:200px;
Float:left;
border:1px solid #00F;
}
#MainColumn {
width:550px;
Float:right;
border:1px solid #000;
}