Buttons and font size

Atom RSS

This site heavily relies on bug reports created by its readers. Anyone can report a bug and be published.

Main navigation:




Search reports by browser:

When you change the font size of button elements, odd things start to happen in IE Win & Mac, and Mozilla. Of course, each browser has its own take on 'odd things'. The Mozilla problem is solvable.

Test page. Workaround is included.
Reported by ppk.

Explorer 5-6 Windows, Explorer 7 beta 2, Explorer Mac, Mozilla | Reported on 7 November 2004.

Comments

(Add your own)

Posted by Zach Blume on 28 November 2004

1

Firefox 1.0 displays the uncorrected versions correctly http://www.emptysnow.com/projects_tests/css/form_input_sizing.gif

I think I have found the Windows IE fix:
http://www.emptysnow.com/projects_tests/css/form_input_sizing.php
Can someone confirm this on a Mac also?

Posted by ppk on 28 November 2004

2

Interesting.

Unfortunately the line-height: 100% doesn't solve the bug in IE Mac.

In fact, it seems as if the uncorrected form in your example is correct! IE Mac shows all texts on the same height in your uncorrected form.

Posted by Zach Blume on 30 November 2004

3

Wow thats odd...

Post a comment

Commenting guidelines:

  1. When quoting specs, articles or your own research, please include a URL of the document.
  2. Test your stuff. When reporting browser behaviour, make sure that your report is correct.

Yes