<!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>positioning</title> <style rel='stylesheet' type='text/css'>h1, div#footer { position: absolute; right: 0; left: 0; margin: 0; padding: 5px; height: 20px;}div#footer { bottom: 0; font-size: 14px; border: 1px solid red;}h1 { top: 0; right: 0; left: 0; border: 1px solid blue;}div#left, div#right { position: absolute; top: 31px; bottom: 31px; width: 200px; padding: 5px;}div#left { left: 0; border-right: 1px solid black;}div#right { right: 0; border-left: 1px solid gold;}div#container { position: absolute; top: 31px; right: 211px; bottom: 31px; left: 211px; overflow: auto; padding: 0 10px; line-height: 2em;} </style> </head> <body> <h1>A Fixed Heading</h1> <div id='left'> Left side column. </div> <div id='right'> Right side column. </div> <div id='container'> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu Aenean dictum dolor ut sem. </p> <p> Ut commodo. Sed non nisi at leo aliquet lobortis. Donec a elit vel conubia nostra, per inceptos hymenaeos. </p> </div> <div id='footer'> <p> A fixed footer. </p> </div> </body></html>
