I figured it out. Like I said I just wasn't wrapping my head around it the right way.
I dropped a new dive in outside the closing Blueprint .container div. This new div has margin 0px and the background color. This gives me the colored bar that spans the width of the browser view. Then I wrapped the nested <p> (with the copyright text) in a new Blueprint .container div. This pushed the <p> text in so it stays in line with the rest of the content. Here is the end result: <!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:0px 0px 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"> <!-- OTHER DIVS HERE WITH OTHER PAGE LAYOUT ELEMENTS -- > </div> <div id="copyright"> <!-- MY COLORED DIV OUTSIDE BLUEPRINT --> <div class="container"> <!-- MY 2ND BLUEPRINT CONTAINER TO PUSH TEXT IN WITH PAGE LAYOUT --> <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> </body> </html> --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
