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

CommentFileSizeAuthor
BP-trblshoot.png212.66 KBAshford
bp_layout.gif72.13 KBAshford
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Ashford’s picture

I found an entry in the base theme's css: /themes/blueprint/blueprint/css/blueprint.css

div.container {
  margin: 1.5em auto;
}

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

Ashford’s picture

Status: Active » Fixed

Marking as fixed so the module developer can save time for more urgent requests.

designerbrent’s picture

Aweosme, 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!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.