I’m in the midst of redeveloping my site’s look and feel using CSS. If I can get it looking better, I’m thinking of investing the bucks in buying Expression Engine. I’m having a moderate amount of luck so far, but I’ve run into a problem.

I’m testing using Firefox 1.0 PR, but I’ve seen this behaviors in other Mozilla-based browsers.

Example 1:
http://www.thatlittlebastad.com/index1.php.

As you will probably see, the white background only extends to the bottom of the one DIV. The only way I was able to get the white background to extend to the bottom of the two DIVs was to use an image in one of the container DIVs.

Example 2:
http://www.thatlittlebastad.com/index2.php.

Of course, then the problem is still that it doesn’t extend all the way to the bottom of the browser unless it’s filled entirely with content.

The effect I’m looking for is something like this: http://www.csszengarden.com/?cssfile=/135/135.css&page=0.

My CSS is here
http://www.thatlittlebastad.com/style_041127.css.

First, if anyone can help me figure out how to get the background to extend evenly, without an image, that would be great. If there’s a way to make the page always extend to the bottom of the browser, I’d love to hear about that, too.

Thanks in advance for any help you can offer.

How about just setting the “background-color” for #pagebody in your CSS to white (or whatever color you want)?

Thanks, Chris. I’ll give that a try.

As an aside, just looking at the Expression Engine documentation and materials on the site, I am DYING to finally get started with it. I’ll be making the purchase soon. It’s because of the support of the community, specifically people like yourself and Lynda, who have always found time to help me out with the smallest tweaks, that I am sticking with pMachine instead of going elsewhere.