Sunday, December 17, 2006

In search of a standards based fullheight 1-column layout -- the problem

I need to re-skin a transactional web site my company has built and I plan to do it with web standards and accessibility in mind. A typical page should look like this: <div id="container"> <div id="content"> <p>Page Content goes here</p> </div> <div id="header"> <h1>Header 1</h1> <ul id="tab_navigation"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> </ul> </div> <div id="footer"> <p>Copyright © 2006 <a href="#">Footer</a> </p> </div> </div> Detailed Specifications: The content div should come first followed by the header div which contains the ul that should be rendered as tabs. The footer follows next. It should remain near the bottom of the browser page even if the page has short content while pages with longer content should place the footer near the end of the content. IE and Firefox should both render similar results. So has someone actually done this?

No comments:

Post a Comment