HTML Layouts

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">  </div> <div id="column">  </div> <div id="header">  </div> </body> </html>

Post Comment