<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'> <head> <title>Multi-column Layout</title> <style rel='stylesheet' type='text/css'>div#heading,div#container,div#footer { border: 1px solid black; max-width: 1000px; min-width: 600px;}div#container { position: relative; margin: 0 auto;}div#heading { margin: 10px auto -1px auto;}div#heading h1 { margin: 5px;}div#left { position: absolute; top: 0; bottom: 0; left: 0; width: 200px; background: #ccc; padding: 5px; border-right: 1px solid black;}div#content { margin-left: 211px; background: white; border: 1px solid white; padding: 10px;}div#footer { margin: -1px auto 10px auto;}div#footer p { margin: 5px;} </style> </head> <body> <div id='heading'> <h1>Heading</h1> </div> <div id='container'> <div id='left'> Left side column. </div> <div id='content'> <h4>Lorem Ipsum</h4> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu </p> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu </p> </div> </div> <div id='footer'> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu </p> </div> </body></html>
