Tuesday, May 6th, 2008
Details of button padding in various browsers
After building a slide deck with Ben, you learn the art of a perfectionist. He would love Chris Hester’s posting on button padding that shows you how your buttons look on various browsers and operating systems. Even been frustrated when you try to style things on the Mac?
Here are a few of his findings:
- IE 6 and 7 apply extra padding to buttons with < 2px, but IE 8 doesn’t
- IE 8 and Opera add borders to all standard buttons if you zoom large enough
- Padding on the standard buttons has no effect on Mac Firefox, and Safari on both Mac and Windows
4.6 rating from 39 votes
The “native widget” and “consistent widgets across platforms” camps need to use tools/information like this to see that “consistent widgets across platforms” is the only method that decreases the amount of BS that web designers and implementors have to put up with in the long run. We’re all already still dealing with the crappiness that is Internet Explorer, do we really want another non-standard thing to deal with.
Write your browser vendor today and tell them we need consistent widget rendering across platforms, even without styling.
Here is how you can style a button, even on FireFox: http://www.sitepoint.com/forums/showthread.php?t=547059
Users want platform-native widget rendering, this is a given. Any designer who intends to serve their user base just has to suck it up and build a design that deals with unpredictable widget layout. All browsers need to at least offer the capability for platform-native widgets.
Thanks. Good article.
Thanks good article.