Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-settings.php on line 472

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-settings.php on line 487

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-settings.php on line 494

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-settings.php on line 530

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-includes/cache.php on line 103

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-includes/query.php on line 21

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-includes/theme.php on line 623

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-content/plugins/paged-comments/paged-comments/paged-comments.php on line 159

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-content/plugins/paged-comments/paged-comments/paged-comments.php on line 380

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-content/plugins/paged-comments/paged-comments/paged-comments.php on line 382

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-content/plugins/paged-comments/paged-comments/paged-comments.php on line 386

Deprecated: Assigning the return value of new by reference is deprecated in /home/onepixel/public_html/wp-content/plugins/paged-comments/paged-comments/paged-comments.php on line 481
1 Pixel Out » Blog Archive » Button widths in IE

ColdFusion, WordPress, Flash & other web things


Button widths in IE

Today, I finally came accross a fix for the ridiculous widths of form buttons in IE. Jehiah Czebotar came up with this solution and it works perfectly. No more rediculously wide IE buttons.

Update

To make Jehiah's solution work in "standards" mode, don't forget to add a unit to the dummy width rule for IE:

<style>
td { border:1px solid red; }
.button {
	margin:0;
	padding:0 .25em;
	width:auto;
	overflow:visible;
}
</style>

<!--[if IE]>
<style>
.button { width:1px; }
</style>
<![endif]-->

3 comments

  1. #1: Jehiah Says:

    hah, thats funny. I didn’t realize i spelt “rediculously” wrong. Time for me to add a spellchecker to wordpress ;-)

    thanks

    Jehiah

  2. #2: Brownspank Says:

    Silly me, I didn’t catch the real root of the problem before; it was the unit all along! Anyway, more improvements have been made to the fix, thanks to a reply I got.

    Thanks for pointing that out. Makes this fix all the more understandable. ;)

  3. #3: Jinnah Says:

    Thanx to Jehiah. Feeling so relaxed after getting a solution to “rediculously” wide buttons in IE. I ve tried it out, its perfect.