Comments on: Equal Height Columns with JavaScript (Full Version) http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/ Web Design Articles & Tutorials. To make the web impressive. Tue, 07 Feb 2012 20:16:56 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Jason Neaves http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-6541 Jason Neaves Tue, 17 Aug 2010 01:02:16 +0000 http://www.impressivewebs.com/?p=65#comment-6541 This script does not like CSS styles. i.e. Changing the boarder styles will cause the jquery to fail in IE7&8:o( This script does not like CSS styles. i.e. Changing the boarder styles will cause the jquery to fail in IE7&8:o(

]]> By: Louis Lazaris http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-1467 Louis Lazaris Mon, 15 Mar 2010 21:02:21 +0000 http://www.impressivewebs.com/?p=65#comment-1467 Ah, I see what you mean now. Using ems for the padding does cause JS errors in IE6 and IE7, but IE8 seems to be working fine. I had completely forgotten about changing the padding, it's been a while since I wrote this script. Interesting. Well, I'm not sure if it's worth updating, considering both those browsers are on the way out, but thanks for the heads up, which should help users avoid using ems on the padding values (which I think is rare anyhow, no?). Ah, I see what you mean now. Using ems for the padding does cause JS errors in IE6 and IE7, but IE8 seems to be working fine. I had completely forgotten about changing the padding, it’s been a while since I wrote this script.

Interesting. Well, I’m not sure if it’s worth updating, considering both those browsers are on the way out, but thanks for the heads up, which should help users avoid using ems on the padding values (which I think is rare anyhow, no?).

]]> By: Mikael Hansson http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-1466 Mikael Hansson Mon, 15 Mar 2010 20:22:35 +0000 http://www.impressivewebs.com/?p=65#comment-1466 Sorry, it was in IE7... Sorry, it was in IE7…

]]> By: Mikael Hansson http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-1465 Mikael Hansson Mon, 15 Mar 2010 20:00:59 +0000 http://www.impressivewebs.com/?p=65#comment-1465 Did you try with padding set in ems? I only tried IE8, but an alert of the retrieved value from a div with a top padding of 0.5em with document.defaultView.getComputedStyle(element, null)["paddingTop"] returned just the string "0.5em", which if I'm thinking correctly, would be hard to match to pixelheights. What I meant with the "cascade" was that if a value is not set in either an external css, inline style or element style it seemed that IE returned some strange value as an alert of document.defaultView.getComputedStyle(element, null)["borderTopWidth"] returned "medium"... I'm on XP btw... Did you try with padding set in ems?
I only tried IE8, but an alert of the retrieved value from a div with a top padding of 0.5em with

document.defaultView.getComputedStyle(element, null)["paddingTop"]

returned just the string “0.5em”, which if I’m thinking correctly, would be hard to match to pixelheights.

What I meant with the “cascade” was that if a value is not set in either an external css, inline style or element style it seemed that IE returned some strange value as an alert of

document.defaultView.getComputedStyle(element, null)["borderTopWidth"]

returned “medium”…

I’m on XP btw…

]]> By: Louis Lazaris http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-1463 Louis Lazaris Mon, 15 Mar 2010 15:48:39 +0000 http://www.impressivewebs.com/?p=65#comment-1463 Mikael, I don't see any of the problems you're seeing. I tested in IE6, 7 & 8, and in each case specifying a height in ems for one or both columns works fine. And I'm not sure what you mean exactly when you say "in any level of the cascade". The only values that are set are in the CSS. The JavaScript should not be changed. Whatever unit is used, the JS will compute based on pixels, and change accordingly, by pixels only. If you could clarify the problems you're having, that would help. Thanks. Mikael,

I don’t see any of the problems you’re seeing. I tested in IE6, 7 & 8, and in each case specifying a height in ems for one or both columns works fine.

And I’m not sure what you mean exactly when you say “in any level of the cascade”. The only values that are set are in the CSS. The JavaScript should not be changed. Whatever unit is used, the JS will compute based on pixels, and change accordingly, by pixels only.

If you could clarify the problems you’re having, that would help. Thanks.

]]> By: Mikael Hansson http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-1451 Mikael Hansson Fri, 12 Mar 2010 22:15:13 +0000 http://www.impressivewebs.com/?p=65#comment-1451 I found two issues that caused erratic IE behaviour: If you have specified a unit in ems, it won't work as IE returns the original unit, not a computed value. Using "runtimeStyle" might be a solution, though I haven't tested it, supposed to be a bit buggy. If a value is not set in any level of the cascade, IE returns something else, don't know what but when I didn't have any borders set, computedStyle["borderTopWidth"] had a value of "medium". I found two issues that caused erratic IE behaviour:

If you have specified a unit in ems, it won’t work as IE returns the original unit, not a computed value. Using “runtimeStyle” might be a solution, though I haven’t tested it, supposed to be a bit buggy.

If a value is not set in any level of the cascade, IE returns something else, don’t know what but when I didn’t have any borders set, computedStyle["borderTopWidth"] had a value of “medium”.

]]> By: Equal Height Columns with JavaScript (Full Version)- Avnish Namdev http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-1082 Equal Height Columns with JavaScript (Full Version)- Avnish Namdev Fri, 22 Jan 2010 19:41:09 +0000 http://www.impressivewebs.com/?p=65#comment-1082 [...] And plz download for java script code and complete HTML code for this link http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/ [...] [...] And plz download for java script code and complete HTML code for this link http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/ [...]

]]> By: Albarranator http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-885 Albarranator Mon, 23 Nov 2009 06:05:26 +0000 http://www.impressivewebs.com/?p=65#comment-885 I have no words to express my grattitude. It worked great with my site, you actually make my day pal. Thanks very much. I have no words to express my grattitude. It worked great with my site, you actually make my day pal.

Thanks very much.

]]> By: Impressive Webs http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-884 Impressive Webs Sun, 22 Nov 2009 11:12:30 +0000 http://www.impressivewebs.com/?p=65#comment-884 @Sanjay: I'm not sure why it's not working for you, but I assure you it works fine in all versions of IE. @Sanjay:

I’m not sure why it’s not working for you, but I assure you it works fine in all versions of IE.

]]> By: Sanjay 128 http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/#comment-878 Sanjay 128 Fri, 20 Nov 2009 07:14:30 +0000 http://www.impressivewebs.com/?p=65#comment-878 Its working fine in Mozilla but in IE7 retrieveComputedStyle() function is not working properly. Its working fine in Mozilla but in IE7 retrieveComputedStyle() function is not working properly.

]]>