Yahtzee! =) On Sep 3, 2009, at 10:44 AM, molaro wrote:
> > 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 -~----------~----~----~----~------~----~------~--~---
