Expandable Content Box

[Swefx]

Hi,

So I made a design for a friend. But one thing I wasn't thinking about when I made it was having the content box expandable.

If you look at this design: http://imageknight.com/images/1155736324.png you will notice that the content box's sides change. At one part theres the golden platforms and then a bit lower there isn't.

So the problem is that if the content of that page doesn't fit into the content box I can't really make it expandable. Or can I?

I guess I could use Iframes but I don't like the look or functionality of that.

Does anybody know how I could make it expandable? Or will I have to make the sides of the content box the same.

Thanks in advance

 

[JYM]

It is definitely possible. Just wondering, are you coding with CSS or with tables? It is possible for both methods but using CSS saves you a lot of code.

The problem with tables is, everything must fit into ONE big table (which envelops your layout). Therefore, if you expand the main content box, then the left and right columns must also expand. If you fill these columns with a background color/image, then they will not be noticeable.

I am not quite sure how to approach this using tables, but with CSS it is quite simple. You set the expanding side section of the content box as a background image in a div. Then you nest a div inside this div, this time setting the background image to the golden section. Position this image to the top of the div, and just do the same but position it to the bottom for the right part of the content box.

I hope this helps in some way, although it depends on how you slice it (I'm assuming you are using tables by this point).

 

[Epic]

If you're using tables to code that, you're gonna have issues. XHTML is do-able with the method JYM posted, but you might run into trouble since you don't have a consistent border for your background image.