CSS equal height columns problem

gamescoper · 07-14-2008, 04:18 AM

I have designed this theme at http://dev.websinch.com/blazingcms/0.12/ and i wanted the columns to be at equal length so i used this in both the columns:

Code:

margin-bottom: -1000px; 
padding-bottom: 1000px;

FireFox users will notice it looks fine but i tested it using IE and realised it doesnt work.
????: NamePros.com http://www.namepros.com/programming/492514-css-equal-height-columns-problem.html

can someone please help me since i am doing quite well on this theme

Thx in advance

cancer10 · 07-14-2008, 11:04 AM

May be you should put browser checkup on your site, so use tags for both browsers.

nasaboy007 · 07-14-2008, 05:57 PM

perhaps if you put both columns in an encasing div and just made it so that both columns were the height of the full div so that if one column was longer than the other it would stretch?

or you could just use the background image/color repeat with a large div that'll encompass both divs so that the user won't realize that the individual columns dont actually span the whole length.

gamescoper · 07-15-2008, 10:46 AM

i thinking of using nasaboys idea of the encasing div by setting position to absolute and then set the left position instead of floating the columns

nasaboy007 · 07-15-2008, 03:17 PM

that might work too but i'm kind of against absolute positions, idk why. might be because every time i use them and they seem to work i get some sort of dynamic content generated (php user ftw) that totally messes the whole layout out XD.

07-14-2008, 04:18 AM	THREAD STARTER #1 (permalink)
gamescoper NamePros Member Join Date: Jan 2008 Posts: 138	CSS equal height columns problem I have designed this theme at http://dev.websinch.com/blazingcms/0.12/ and i wanted the columns to be at equal length so i used this in both the columns: Code: margin-bottom: -1000px; padding-bottom: 1000px; FireFox users will notice it looks fine but i tested it using IE and realised it doesnt work. ????: NamePros.com http://www.namepros.com/programming/492514-css-equal-height-columns-problem.html can someone please help me since i am doing quite well on this theme Thx in advance __________________ Get free gaming gear and more for FREE! Free referral exchange site! Make easy money with CPA leads!

07-14-2008, 05:57 PM	#3 (permalink)
nasaboy007 Senior Member Join Date: Jul 2005 Location: NJ Posts: 1,219	perhaps if you put both columns in an encasing div and just made it so that both columns were the height of the full div so that if one column was longer than the other it would stretch? or you could just use the background image/color repeat with a large div that'll encompass both divs so that the user won't realize that the individual columns dont actually span the whole length. __________________ Hacksar.com - Your source for random computer tips and tricks! MySiteMemberships.com - Keep track of your site registration information! Like my post? Rep is appreciated!

07-15-2008, 10:46 AM	THREAD STARTER #4 (permalink)
gamescoper NamePros Member Join Date: Jan 2008 Posts: 138	i thinking of using nasaboys idea of the encasing div by setting position to absolute and then set the left position instead of floating the columns __________________ Get free gaming gear and more for FREE! Free referral exchange site! Make easy money with CPA leads!

07-15-2008, 03:17 PM	#5 (permalink)
nasaboy007 Senior Member Join Date: Jul 2005 Location: NJ Posts: 1,219	that might work too but i'm kind of against absolute positions, idk why. might be because every time i use them and they seem to work i get some sort of dynamic content generated (php user ftw) that totally messes the whole layout out XD. __________________ Hacksar.com - Your source for random computer tips and tricks! MySiteMemberships.com - Keep track of your site registration information! Like my post? Rep is appreciated!

07-14-2008, 11:04 AM	#2 (permalink)
cancer10 Account Closed Join Date: Sep 2005 Location: India Posts: 342	May be you should put browser checkup on your site, so use tags for both browsers.

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