View Full Version : CSS Background Height

04-30-2006, 02:54 AM

As you can see, the site is split into three sections; Left, Right, and footer. The problem is that when the Left section has a greater height, the Right section doesn't show a background (and vice versa). Is there a way to fix this?

(I have tried a single background image in the ".content" class for the left and right sections; it overflows into the bottom of the page, past the footer.)

Any help would be appreciated, thank you.

04-30-2006, 04:12 AM
You didn't slice the layout to well. For example in your right div why do you have that blackish area in your slice? Just slice it up to the white area. Your whole layout should be 750px for example why do you even have this image?
It can all be done in CSS.

04-30-2006, 05:07 AM
Alright, I got rid of the border in the slices, added background-color: #ffffff; to the class ".content" to fill in the white instead of using images for the background.

Unfortunately, as you can see, it overflows past the footer. Any suggestions?

04-30-2006, 05:15 AM
Yeah add units to all of your measurements. You have things like padding: 30 20 0 20; which should be padding: 30px 20px 0 20px;
You don't need units on 0 values unless its line height. Everything else though you need units. Now once you've done that make your footer 57px high. Your top padding is counted for overall height so your footer is 127px + 70px high

04-30-2006, 05:38 AM
Awesome, thank you ^_^