left column needs to be same height as center column

22 Aug 2007, 8:27 PM

Zen Follower

Join Date:: Feb 2007
Posts:: 101
Plugin Contributions:: 0

left column needs to be same height as center column

Right now I have the left column and the center column set to a fixed height. They both have repeating background images. However, if one side grows longer, the other side doesn't grow as well, and there is a gap. If I take out the height, everything's too short. I can't figure out how to make both columns the same adjustable height.

22 Aug 2007, 9:26 PM

kiddo

Totally Zenned

Join Date:: Jul 2006
Location:: SF Bay Area
Posts:: 837
Plugin Contributions:: 1

Re: left column needs to be same height as center column

I don't have a simple CSS fix, but the stuff you find here:

http://www.html.it/articoli/niftycube/index.html

contains a function called "same-height" that works very well to pad out CSS divs so they are the same height. And works cross-browser too.

It integrates pretty well with Zen Cart and adds some other nice features as well.

An example is here:

http://www.linuxpuppy.net

user: demo pw: demo

(demo site may vanish at any moment)

22 Aug 2007, 10:01 PM

bekahruth

Zen Follower

Join Date:: Feb 2007
Posts:: 101
Plugin Contributions:: 0

Re: left column needs to be same height as center column

Fantastic! I will try this. Thank you.