HTML tables to format the layout of an HTML page.A part of this page is formatted with two columns. you can see on this page, there is a left column and a right column.This text is displayed in the left column.HTML <table> is used to divide a part of this Web page into two columns.
The trick is to use a table without borders.
<html lang=”en”>
<head>
<title>Test</title>
<style type=”text/css”>
body {background: #ccc url(back.gif) left repeat-y;}
#header {
height: 150px;
position: absolute;
top: 0px;
left: 0px;
background: #A81C1C url(header.gif) no-repeat;
z-index: 1;
}
#content {
width: 500px;
position: absolute;
top: 100px;
left: 50px;
color: #fff;
z-index: 2;
}
#column {
width: 150px;
position: absolute;
top: 100px;
left: 600px;
z-index: 3;
}
</style>
</head>
<body>
<div id=”content”>
<!–content–>
</div>
<div id=”column”>
<!–column–>
</div>
<div id=”header”>
<!–header–>
</div>
</body>
</html>