I'm new to this, so please bear with the probable stupidity of my question...

I'm working on the pages:

http://www.starbucklifedesign.com/tips.html

http://www.starbucklifedesign.com/contact.html

I cannot get the gray content box to adjust to the height of the contents like the other pages of my website. This is the only page that has only floating items in the content box.

Can anyone advise me what needs to be adjusted on either the CSS or HTML on each page to fix this issue to have the gray content box long enough for the text?

Thanks!

Hi,

Add this to your stylesheet:

div.text { overflow: auto; }

It's a great little clearing trick and will get your background image to fill the container.

Scott.

It's a great little clearing trick and will get your background image to fill the container.

What it DOES is clear the float forcing the div to "wrap" around it's contents. It actually doesn't do a thing to the background image.

I would suggest you read our stickies on clearing floats.

That did the trick! Thank you SO much!!