Novice CSS Problem.

GamingHybrid · 07-28-2008, 07: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, 07:50 AM

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

GamingHybrid · 07-28-2008, 07: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, 08: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, 09:10 AM

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.
????: NamePros.com http://www.namepros.com/programming/497562-resolved-novice-css-problem.html

07-28-2008, 07:42 AM	THREAD STARTER #1 (permalink)
GamingHybrid NamePros Regular Join Date: Jul 2004 Location: Sydney Posts: 797	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, 07:50 AM	#2 (permalink)
shockie Senior Member Join Date: Dec 2006 Posts: 4,702	combine the two backgrounds and set it to be the container's background and repeat-y. __________________ - shockie

07-28-2008, 07:52 AM	THREAD STARTER #3 (permalink)
GamingHybrid NamePros Regular Join Date: Jul 2004 Location: Sydney Posts: 797	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, 08:48 AM	#4 (permalink)
rjmlar NamePros Member Join Date: Jul 2008 Posts: 147	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)