Footer and Headerblock blocks do not expand to full region width with only partial use.

Hello again!
As I've been working with beginningW2 for some time, I've gone ahead and decided to take away a few of the blocks from various pages that are on my site. However during this process, when I use one to three of the footer blocks or one to two of the headerblock blocks, I have quite a bit of unnecessary blank space in front of me.
I believe this can be resolved by modifying the css in the headerblock.css file as well as the footer.css file to include separate objects defining each of the four blocks (versus what is happening now where one object is used as a div tag in page.tpl.php for definitions all four blocks), and modifying the page.tpl.php file for new divs.

I'd like to keep a consistency to theme development and found an approach from the layout.css file here, where when one sidebar is taken away the content box grows to fit.

Seen here:
/* width */
#content {
width: 56%;
}

#sidebar-left {
width: 24%;
}

#sidebar-right {
width: 18.75%;
margin-left: 10px;
}

/* content width : if only sidebar-left */
body.sidebar-left #content {
width: 73.75%;
}

/* content width : if only sidebar-right */
body.sidebar-right #content {
width: 80%;
}

/* content width : if no sidebars */
body.no-sidebars #content {
width: 100%;
}

The problem I am having is how to declare a similar growth/shrinkage of the headerblock blocks and footer blocks, though I think I have an elegant solution which I will post later this evening whether or not it works. If you have any ideas to contribute, please feel free to do so. Thanks, and have a great day!
-Demir