Expanding height template

This forum is for reporting bugs in Joomla!. Please don't report problems with extensions in here.
Forum rules
Forum Rules
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
gofer123
Joomla! Explorer
Joomla! Explorer
Posts: 393
Joined: Mon Aug 30, 2010 5:12 am
Location: Tauranga, New Zealand

Expanding height template

Post by gofer123 » Fri Dec 14, 2012 3:56 am

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.
You do not have the required permissions to view the files attached to this post.

User avatar
ranwilli
Joomla! Master
Joomla! Master
Posts: 19110
Joined: Sun Feb 19, 2006 6:47 pm
Location: Toledo, OH
Contact:

Re: Expanding height template

Post by ranwilli » Fri Dec 14, 2012 4:54 am

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.
Don't HACK the Joomla! core. Extend and Override.
Stay ON the update path.
http://harpervance.com

gofer123
Joomla! Explorer
Joomla! Explorer
Posts: 393
Joined: Mon Aug 30, 2010 5:12 am
Location: Tauranga, New Zealand

Re: Expanding height template

Post by gofer123 » Fri Dec 14, 2012 5:25 am

You have explained it perfectly, many thanks.
Cheers


Locked

Return to “Joomla! 1.5 Bug Reporting”