Being that I'm a web developer (coder, designer, whateverer), I'm well-versed in making sure the sites that I develop work properly in as many browsers as possible*. Sometimes coding out sites is a breeze and sometimes you can get hung up on the littlest of things – a missing comma, a misspelled word in your CSS, etc, can all wreak havoc of enormous proportions.
I noticed this a little over a year ago and just re-remembered it the other day. You won't believe it, but it's a flaw with Microsoft! I know! Weird!
More specifically, this is a problem that only occurs in Internet Explorer** in versions of Windows XP that have the Windows XP style of Windows and Buttons turned on. I noticed one day when making a web form for a client, that the longer the submit buttons became, the worse they looked. After a little investigation, it appears that once a submit button grows past 191 pixels it begins to pixelate.
Click here for some examples. If you're using FireFox, are on a Mac, or don't have Windows XP styles turned on, click here.
Can you see how it starts to turn into crap when the width reaches 192 pixels? The height is a different story – the minimum requirement for height degradation decreases when more text is entered into the submit button (so the more text you put in, the smaller the height can be unless you want pixelation).
It's such an odd thing to be a bug in IE since the browser was such an integral part to the OS at one point. What's weirder is the fact that FireFox and Netscape (both Mozilla-based browsers) handle it jut fine, and on a Mac it's a moot point because CSS is ignored on submit buttons (or so I noticed in Safari).
Anyway, my solution would be just to make your own styled buttons in CSS, or super-style them by making graphics and forget about this nonsense.
* I really only care about the following browsers: Firefox, Safari, and Netscape... okay, and Internet Explorer 6.
** Uhhh... can anyone get that Internet Explorer Link to open in FireFox? I couldn't see anything on my PC at work.
+ original post date: January 25, 2005 03:50 PM
+ categories: Web Stuff
comments1
(comments rss feed)
The Internet Explorer link works on both Safari and Firefox for Mac. You're right, the submit button CSS is ignored in Safari, however, it looks really, really good.
+ author: Crasymaker
+ posted: June 25, 2005 09:39 AM
post a comment