I am building my second site with blueprint. In this site the design has the content laid out within the standard 950px wide confines of the framework, on a white background. However, the copyright text in the footer has a colored band stretching the width of the browser window at the bottom. The copyright text appears inside this colored band.
Because the heights of my pages changes my copyright text changes its vertical position, so how do I add the color band and have it stay behind this text? A background tile stays fixed while my copyright moves up and down from page to page. A BP div with a background tile or background color only spans the 950 width. Maybe I am just not thinking about this in the right frame of mind, but I'm not sure how to make this happen. Anybody done this or have an idea of how to do it? Here's some example code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd"> <html> <head> <title>My Company Site</title> <style> #copyright { margin:30px 0px; padding:0; background-color:#D8EAC0; } #copyright p { margin:0; padding:12px 30px; color:#666; font-size: 0.9em; } #copyright a:link, #copyright a:visited { text-decoration:underline; color:#00A164; } #copyright a:active, #copyright a:hover { text-decoration:underline; color:#006633; } </style> </head> <body> <div class="container showgrid"> <div id="copyright" class="span-24 last"> <p> ©2009 My Company Name, Inc. All rights reserved. • Use of this Web site constitutes acceptance of the <a href="#">Privacy Policy</a>. <br/>An <a href="#">ABC</a> company. </p> </div> </div> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en -~----------~----~----~----~------~----~------~--~---
