Filed under CSS

IE7 Zoom Bug: Text width incorrectly calculated

IE7 shipped with a new and improved Page Zoom feature that lets you zoom more than just the text of the page. While I think I like it (there’s many saying it will make developers lives easier), it has its bugs.

The most recent one I’ve seen is its failure to correctly calculate text width. I’ve found no fix for this, except adding a right-margin, something that renders the box too wide instead of too narrow. The calculation seems to a little bit better with font-style: italic;, but it’s still incorrect.

It you have a fix, let me know in the comments (the usual stuff does not seem to work).

I guess the Page Zoom is hard to implement, since basic things like that breaks. At the other hand, Opera has had it for years, and Firefox will in version 3. I really look forward to explaining this to customers :)

Feel free to leave a comment, or subscribe to my feed.

related

List some related articles:

You might want to browse all articles.

linkback

These people have linked to this article:

  • No linkbacks yet

To get a link in this list: make sure your blogging software supports trackbacks or pingbacks and simply link to this article like this:

<a href="http://friendlybit.com/css/ie7-zoom-bug/">IE7 Zoom Bug: Text width incorrectly calculated</a>

You can also trackback by copying this link, and pasting it into a trackback field in your blogging tool.

about

Author: Emil Stenström

Emil Stenström blogs about web development. Posts are bi-weekly.

To the about section

popular

Thumbs up for these articles

These are the most popular articles (by number of comments):

  1. Levels of CSS knowledge
  2. Beginner’s guide to CSS
  3. Why XHTML is a bad idea
  4. How to structure large CSS files
  5. Encyclopedia of HTML elements
  6. Cross browser CSS for your site
  7. Inline CSS should not be allowed in strict doctypes
  8. Real hackers don’t use CSS

To the list of all articles

comments

What do you think about this article? I’d love to hear your view!

Scroll to comment box.

  1. Jesse Skinner 28 Apr

    01

    Amazing bug. Even selecting the text is broken. (The selection is bound within the borders, and copying proves that its actually misjudging which characters to select). Hm, this suggests that there is somehow actual text that is slightly smaller that the browser is aware of but not displaying, perhaps choosing to display a larger, smoother font?

If you want to you can follow the disussion through a comment feed.

add comment

This is the place where you get to say your opinion about this article, use it well. Formating with HTML is allowed. A red asterisk means that the following field is required.

Comment Form




Comment Form