Four columns with footer
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type='text/css'> div { border: 1px solid black; background: gray; height: 400px; padding: 5px; } div#column1 { float: left; width: 150px; margin: 0 5px 0 0; background: blue; } div#column2, div#column3 { float: right; width: 150px; margin: 0 0 0 5px; background: yellow; } div#column4 { margin: 0 334px 0 167px; background: pink; } div#footer { height: 35px; margin: 5px 0 0 0; clear: both; } </style> </head> <body> <div id='column1'> Content of column 1. <ul> <li><a href=''>A</a></li> <li><a href=''>B</a></li> <li><a href=''>C</a></li> <li><a href=''>D</a></li> <li><a href=''>E</a></li> <li><a href=''>F</a></li> </ul> </div> <div id='column2'> Content of column 2. </div> <div id='column3'> Content of column 3. </div> <div id='column4'> Content of column 4. </div> <div id='footer'> Content of footer. </div> </body> </html>
|
|
|
|
|
HTML code for linking to this page:
Related in same category :
-
-
-
-
-
-
|