ie 7 min-width and button bug

Wednesday, July 7, 2010

A bug for anyone needing ie7 compatible forms using a min-width on the buttons. This also affects ie8 running in compatibility mode.

1input.submitbutton{ min-width: 100px;} 

If you are using a min-width for your form submit buttons then sadly ie7 will align button text to the right of the button. It is un-fixable with just css and the only pure solution is to remove the min-width and either use width:auto; or use width:123px;

1input.submitbutton{ width: 100px;} 

If however you don’t mind using JavaScript you can try using the ie7-js which uses javascript to bring any ie browser less than ie8/ie9 to work as the latest one. You can read more about ie7-js on Google code: http://code.google.com/p/ie7-js/. As a bonus this can also fix any transparent .png issues found in ie6!


Other posts


Tagged with: