I attached an image of my screen and a sketch of my layout plan.
The Goal: I wanted the background color to extend beyond the BluePrint grid; and the colors be white in the top area and shades of gray in the top and bottom footer.
The Solution: Each section has a div wrapped around it's BluePrint container to make like a frame around the grid.
The Problem: There is a gap between each framed Section. There is no padding or margin on the wrapper divs.
I used this same basic HTML for each Section where I wanted the color to change -Main Section, Footer Top, Footer Bottom. I opened and closed the container each time since it was a class. Originally, I did not have the extra div (<div class="span-24 last">
). I added it to see if the empty columns was causing a problem because I had not added any columns yet via Admin-Blocks. Also, the image of the grid layout shows a DIV for the divider img at the top of each footer. I changed that to a background-image in the CSS.
/* Background color fills and extends beyond grid
***************** */
#frame-footer-top {
width: 980px;
margin: 0 auto;
background: #EFEFEF url('../images/divider-footer-top-980.gif') no-repeat;
}
<!-- **************************************
FRAME FOOTER TOP
************************************** -->
<div id="frame-footer-top">
<div class="container">
<div class="span-24 last">
<?php if ($footer_top): ?>
<?php print $footer_top; ?>
<?php endif; ?>
</div>
</div>
</div> <!-- END OF FRAME FOOTER TOP -->
I have cleared all the Cache. Does anyone here see an obvious error that I am missing?
Ashford
Comment | File | Size | Author |
---|---|---|---|
BP-trblshoot.png | 212.66 KB | Ashford | |
bp_layout.gif | 72.13 KB | Ashford |
Comments
Comment #1
Ashford CreditAttribution: Ashford commentedI found an entry in the base theme's css: /themes/blueprint/blueprint/css/blueprint.css
If I over ride the 1.5em margin in my style sheet, that will fix my layout; but will that cause problems with the layout used to generate default Drupal pages, like Admin, Create Content, etc?
Ashford
Comment #2
Ashford CreditAttribution: Ashford commentedMarking as fixed so the module developer can save time for more urgent requests.
Comment #3
designerbrent CreditAttribution: designerbrent commentedAweosme, Ashford. You answered your own question. That you did by overriding the margin-top and margin-bottom is exactly what I was going to suggest!