At my forum, I'm trying to make a footer that matches my header. I'm using Nuggets to construct the footer. But I've encountered an issue. On certain pages I get awkward whitespace.

I know why---the footer's background is blue, but the body background is white. So when there's not much content, the footer gets pulled up, exposing the white body background.

If this was a normal web page, I would create a container box (with a div tag with some ID) that encompassed both the Panel and the Content, and would then add into the CSS:
body {
background-color: blue;
}

#ContainerBox {
background-color: white;
}

But I'm not sure how to create such a box in Vanilla. Is there an easy way? Do I have to hack some file(s)?

Thanks!

Hmm... OK, it took me a minute, because #Body and #SiteContainer aren't mentioned in the default style CSS.

....

Double "hmm"... Messing with #Body & #SiteContainer isn't doing what I want it to. For some reason, the footer I created through Nuggets doesn't seem to be encased in either...

...OK, after looking through the theme files, I see it's relatively easy to open up a div tag in the head.php (right above #SiteContainer), and then close it in the page_end.php. That does what I want it to.

Thanks anyway!