About the Layout ::
This code uses a floating righthand 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
- 2 Column Liquid Layout w/Footer
- Equal Height Columns!
- Dropdown Menu
- Cross Browser Compatability (tested in IE (6+), Firefox, Netscape, Opera, and Safari)
- Semantic Validating Strict XHTML
- Validating CSS
- Hack Free! (does use conditional comments for IE)
Image Files
This template uses one image: bg.gif. This image is 1px high and 200px wide and repeats vertically (using repeat-y).
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 also be interested in viewing other template options which overcome these issues
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.