Page 1 of 1

Expanding height template

Posted: Fri Dec 14, 2012 3:56 am
by gofer123
Hi all,
Need some advise please, I've attached a diagram of a simple template showing the divs and what I am having problems is to have the LHS and RHS columns expand in height as content is entered, this will in turn push the footer down, just using fixed heights is a pain as the client enters content the looks gets all stuffed up. Some wise words someone?
Thanks in advance.

Re: Expanding height template

Posted: Fri Dec 14, 2012 4:54 am
by ranwilli
An easy way to achieve this look is with a background image that "grows" (or appears to grow) in height. That way, the "tallest" of the columns pushes the image down to make all look even.

Make an image (jpg or png, doesn't really matter) of the width of all three columns and make it the background of a div containing all three columns with repeat:repeat-y

Make the image only 4 - 8 px in height, and vary the colors to simulate columns, borders, etc.

Have I explained it well enough?

Say so if not.

Re: Expanding height template

Posted: Fri Dec 14, 2012 5:25 am
by gofer123
You have explained it perfectly, many thanks.
Cheers