Saturday, February 20, 2010

Another Internet Explorer annoyance that you might not be aware of

Recently, I've been using display: inline-block in CSS a lot. It's a very useful feature -- it allows you to have a fix-sized (e.g. 100x20px, or just fixed width / height) element that is inline, incredibly useful when doing precision design work. However! Internet Explorer 7 cannot handle display: inline-block on an element that is natively a block element. So, for instance, if you try to use inline-block on a <div>, it will work fine in any browser except IE7 which will consider it display: block. Now I'm stuck with using <span> everywhere. Ugh.

1 comment: