Style/Theme: Container box around Panel + Content?

timfire · October 2007

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!

jakob_r · October 2007

#Panel and #Content are already enclosed by #Body - try styling #Body to achieve what you want.In more recent versions #SiteContainer encloses the entire site including #Body and #Header.

timfire · October 2007

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!

Style/Theme: Container box around Panel + Content?

Comments