[resolved] Novice CSS Problem.

GamingHybrid · 07-28-2008, 06:42 AM

I currently have a simple div container set up with two columns in it and a footer. If one column contains more content than the other is there a way in which I could make the background of the lesser column stretch down to the footer also so they are even?

Hope this makes sense, thank you.

shockie · 07-28-2008, 06:50 AM

combine the two backgrounds and set it to be the container's background and repeat-y.

GamingHybrid · 07-28-2008, 06:52 AM

Ah ok, I see what you mean. I'll do some looking up on -y and see how I go.
Rep added.

rjmlar · 07-28-2008, 07:48 AM

shockie is talking about the background: repeat-y; property. -y for vertical and -x for horizontal. If your columns are independent of the other, check min-height: expressed in pixels. Some browsers are fickle with min-height especially if percentages are used.

GamingHybrid · 07-28-2008, 08:10 AM

Quote:

Originally Posted by rjmlar

shockie is talking about the background: repeat-y; property. -y for vertical and -x for horizontal. If your columns are independent of the other, check min-height: expressed in pixels. Some browsers are fickle with min-height especially if percentages are used.

Ok thanks I'll check it out.

07-28-2008, 06:42 AM	#1 (permalink)
GamingHybrid NamePros Regular Join Date: Jul 2004 Location: Sydney Posts: 869 5.95 NP$ (Donate)	Novice CSS Problem. I currently have a simple div container set up with two columns in it and a footer. If one column contains more content than the other is there a way in which I could make the background of the lesser column stretch down to the footer also so they are even? Hope this makes sense, thank you.

07-28-2008, 06:50 AM	#2 (permalink)
shockie Senior Member Join Date: Dec 2006 Posts: 4,478 1,025.10 NP$ (Donate)	combine the two backgrounds and set it to be the container's background and repeat-y. __________________ - shockie Linux VPS Hosting From $9.95 With A FREE Control Panel & DOUBLE Burst RAM! Monopoly Companies Binary Addition Coffee Makers & Grinders How to Wash Your Hands 5 Ways To Make Money Blogging Do You Want To Make Money Online?

07-28-2008, 06:52 AM	#3 (permalink)
GamingHybrid NamePros Regular Join Date: Jul 2004 Location: Sydney Posts: 869 5.95 NP$ (Donate)	Ah ok, I see what you mean. I'll do some looking up on -y and see how I go. Rep added.

07-28-2008, 07:48 AM	#4 (permalink)
rjmlar NamePros Member Join Date: Jul 2008 Posts: 144 358.45 NP$ (Donate)	shockie is talking about the background: repeat-y; property. -y for vertical and -x for horizontal. If your columns are independent of the other, check min-height: expressed in pixels. Some browsers are fickle with min-height especially if percentages are used.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)