Hello all,

I am working on a small project, GoldnDelicious, you can view it here:
http://www.goldndeliciousent.com

My goal is to make the bottom div, right under the "GoldnDelicious" logo to stretch, depending on how much text it contains. The problem is, I also want to div with the girl to stretch, without distorting her appearance.

I was thinking maybe I could make the text div underlap under the girl div, and then the girl could just be an image placed on top.


Can anyone help me with this concept?
If you need clarification on anything, just ask


-SleekStream

My goal is to make the bottom div, right under the "GoldnDelicious" logo to stretch, depending on how much text it contains.

It's going to do that anyway, that's they way it generally works.

You have a SERIOUS case of div-itis going on there. WAY too many divs, its apparent you are trying to emulate a tabled layout - not necessary. You really need to re-think how you've got that laid out, it can be simplified greatly.

I would put the girl in as a background on the div, the position the image at the bottom of that div and she should move as the div stretches.

You could make the GoldnDelicious area one div with relative positioning and padding-right to keep content off of the girl, then position the girl with absolute positioning.

Ladyn is right, you need to simplify.