Comments on: An Even Better IE Button Width Fix http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/ Design wisdom in red and grey. Tue, 06 Jan 2009 01:12:55 +0000 http://wordpress.org/?v=2.7 hourly 1 By: St. John http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-31072 St. John Wed, 19 Nov 2008 13:12:04 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-31072 Thank you. By adding a js function, jQuery, that assign every input type="button" a button class this fix made my day. Thank you. By adding a js function, jQuery, that assign every input type=”button” a button class this fix made my day.

]]> By: Hans http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-31065 Hans Thu, 13 Nov 2008 10:42:23 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-31065 It works nice, but if the button is disabled, it doesn't work anymore. It works nice, but if the button is disabled, it doesn’t work anymore.

]]> By: Dave http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-31020 Dave Wed, 17 Sep 2008 02:47:26 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-31020 Nice fix for IE, but renders the buttons invisible in Opera (as you noted) and Firefox as well. :( Nice fix for IE, but renders the buttons invisible in Opera (as you noted) and Firefox as well. :(

]]> By: canvas art http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-31017 canvas art Wed, 10 Sep 2008 11:14:23 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-31017 Better indeed! But can this combat all the bugs that are still not solved? Shall we solve the root of the problem first before putting more decorations on the branches? Better indeed! But can this combat all the bugs that are still not solved? Shall we solve the root of the problem first before putting more decorations on the branches?

]]> By: Brownspank http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-30980 Brownspank Wed, 30 Jul 2008 01:53:28 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-30980 <strong><a href="#comment-30978" rel="nofollow">Gifts</a></strong>: I hear you. Microsoft can keep on dishing out newer versions of IE, but as long as the bugged versions are enjoying a significant market share, we're stuck with hacks, fixes, and workarounds. Gifts: I hear you. Microsoft can keep on dishing out newer versions of IE, but as long as the bugged versions are enjoying a significant market share, we’re stuck with hacks, fixes, and workarounds.

]]> By: gifts http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-30978 gifts Tue, 29 Jul 2008 18:40:56 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-30978 It's quite interesting when you read back at posts like this and see the kind of rubbish we had to put up with back in the day, and all the workarounds we had to do. Fortunately, web standards and browsers have moved on, but yet there are still a host of issues which need resolving. I'm eagerly waiting to see if IE8 brings any change to what's going on out there, but something tells me it isn' t really going to do much for the scene. It’s quite interesting when you read back at posts like this and see the kind of rubbish we had to put up with back in the day, and all the workarounds we had to do. Fortunately, web standards and browsers have moved on, but yet there are still a host of issues which need resolving. I’m eagerly waiting to see if IE8 brings any change to what’s going on out there, but something tells me it isn’ t really going to do much for the scene.

]]> By: Rob http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-30939 Rob Mon, 30 Jun 2008 17:02:13 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-30939 This is a great fix to a problem that Microsoft should address with IE. Although IE7 has moved further with leaps toward web standards, it's still got a ways to go. Thanks again! This is a great fix to a problem that Microsoft should address with IE. Although IE7 has moved further with leaps toward web standards, it’s still got a ways to go.

Thanks again!

]]> By: Owen Brown http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-30934 Owen Brown Thu, 26 Jun 2008 00:56:08 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-30934 Hi, all - this site was helpful so I though I'd return the favour. The button in a td problem can be fixed using javascript. Get the array of the relevant inputs, find the offsetWidth and then set the button width to that value. Hopefully that works without issue. var arrInputs = eContainer.getElementsByTagName('INPUT'); var arrInputsSubmit = new Array(); // find all inputs for (i=0; i < arrInputs.length; i++) { if (arrInputs[i].type == 'submit' || arrInputs[i].type == 'button') { // get the widths and add padding to eliminate IE7 bug var eWidth = getWidth(arrInputs[i]); if (arrInputs[i].clientWidth) { arrInputs[i].style.width = arrInputs[i].offsetWidth; } } } Hi, all - this site was helpful so I though I’d return the favour. The button in a td problem can be fixed using javascript. Get the array of the relevant inputs, find the offsetWidth and then set the button width to that value. Hopefully that works without issue.

var arrInputs = eContainer.getElementsByTagName(’INPUT’);
var arrInputsSubmit = new Array();
// find all inputs
for (i=0; i < arrInputs.length; i++) {
if (arrInputs[i].type == ’submit’ || arrInputs[i].type == ‘button’) {
// get the widths and add padding to eliminate IE7 bug
var eWidth = getWidth(arrInputs[i]);
if (arrInputs[i].clientWidth) { arrInputs[i].style.width = arrInputs[i].offsetWidth;
}
}
}

]]> By: cssyeah http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-30653 cssyeah Tue, 11 Mar 2008 04:07:57 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-30653 Thank you, great solution. Thank you, great solution.

]]> By: unscriptable http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/comment-page-1/#comment-30646 unscriptable Thu, 06 Mar 2008 16:32:43 +0000 http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/#comment-30646 w00t! Your fix, width:100%, finally solved this issue for me when the button is in a TD! Friggin IE7!!! Nothing else worked. I tried everything! :-) w00t! Your fix, width:100%, finally solved this issue for me when the button is in a TD! Friggin IE7!!! Nothing else worked. I tried everything! :-)

]]>