Divisions are usualley used in conjunction with, other block-level elements instead of tables, it is recommended to use divisions instead of tables in new layouts. This efficiently reduce the filesize, and makes it easier to update pages.
The below Example is a part of the Reference Entry about the <div> Tag
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>My first Website</title>
<style type="text/css">
#Basement {
position: relative;
width: 90%;
min-width: 800px;
max-width: 1600px;
margin: 0 auto;
}
#Basement ol {
position: absolute;
top 0;
width: 15%;
margin: 0;
padding: 0;
list-style-type: none;
background: silver;
min-height: 400px;
}
#Menu1 {
left: 0;
}
#Menu2 {
right: 0;
}
#Content {
position: absolute;
top: 0;
left: 16%;
width: 70%;
}
</style>
</head>
<body>
<div id="Basement">
<div id="Content">
<p>As you can see we have many clear advantages using divisions, and using block-level elements to our advantage.</p>
</div>
<ol id="Menu1">
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
</ol>
<ol id="Menu2">
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
<li><a href="http://www.example.com">Example Link</a></li>
</ol>
</div>
</body>
</html>