You can put stuff here too! To ensure everything in this column has padding except for the links above I used negative margins on the unordered list. You can delete the padding in this div entirely if you'd like.

This template uses the faux column method to achieve equal height columns.

About the Layout ::

This code uses a floating lefthand column within a liquid layout. The layout will stretch until it reaches 1100px at which point the site centers and a background color appears. This template was created by Ashley Walters and is in the public domain. You may use this template for any purpose. There is no obligation to link back although linking is always appreciated! ^_~ The drop down menu navigation was inspired by http://www.grc.com/menu2/invitro.htm.

Template Specs

Image Files

This template uses one images: bg2.gif. This image is 1px high and 200px wide and repeats vertically (using repeat-y). The appearance of the border on the side navigation comes from the image itself.

Template Limitations

This template will break with larger font sizes in smaller window sizes because of the nature of the dropdown navigation menu.

Limitations of IE 6 or less: Because versions of Internet Explorer less than 7 don't support min-width or max-width this template will have noteable limitations in earlier versions of IE. This template break if the window is narrowed too much. This template will also just keep on stretching. You may be interested in my other templates which overcome these issues at the price of added divs, CSS, and conditional comments.

Website Tips

Going to turn this into a website? Instead leaving the CSS embedded, I strongly recommend that you put the css in a separate file and link it to each page in the head of the xhtml document using: <link href="style.css" rel="stylesheet" media="screen" type="text/css" />. Don't forget to optimize your CSS! I also recommend separating this template into sections (like the navigational systems and the footer) and creating server-side includes for your website.