Comments for William's Blog

Comment on Internet Explorer and 120 dpi by Phyllis

Phyllis — Tue, 10 May 2011 13:46:54 +0000

Saved my life. Thanks William. I was surprised to see so little chatter about this problem. I was so distressed to learn my client had their small screen laptop computer set to 120 DPI and is using IE9. Your simple line of code fixed everything.

Only problem which I will ignore is Dreamweaver says there is an error parsing styles Affects: Firefox 1.5
The code I used is:

body {
font-size: expression(1 / (screen.deviceXDPI / 96) * 100 + “%”);
}

Thank you very much for the help.

Comment on Internet Explorer and 120 dpi by IgorV

IgorV — Tue, 07 Jul 2009 15:06:51 +0000

Also, can someone explain to me the 1000 / ((screen.deviceXDPI / 96) * 16) ??? To me it doesn’t make any sense, and happen to work just by accident. 100 / (screen.deviceXDPI / 96) or 9600 / screen.deviceXDPI seems to be the correct one.

Comment on Internet Explorer and 120 dpi by IgorV

IgorV — Tue, 07 Jul 2009 14:58:28 +0000

Keep in mind, Opera 10 scales fonts same way IE does on 120 DPI

Comment on Internet Explorer and 120 dpi by Margo

Margo — Tue, 09 Jun 2009 17:59:49 +0000

Hello,

We have a .net environment and the resizing works except for the navigational elements and buttons (unordered lists and html buttons). What is interesting that it also changes the font family to serif even though it is defined as Verdana, Arial, Helvetica, sans-serif. Any ideas?

Thank you,
Margo

Comment on Internet Explorer and 120 dpi by Bob D

Bob D — Thu, 30 Apr 2009 04:11:57 +0000

Must agree – I did identify that IE7 (6 and 8 were OK) was resizing things and breaking page on macines running 120DPI. I had no idea on how to resolve this until Google pointed me to this blog. It totally solved all my layout issues – all pages now render perfectly regardless of machine DPI or IE version (FF2 & 3 as mentioned above were fine).

Awesome tip – saved many hours of troubleshooting….thanks

Bob

Comment on Internet Explorer and 120 dpi by Anthony Bouch

Anthony Bouch — Sun, 12 Apr 2009 03:49:06 +0000

Great tip – thank for this. The whole 120DPI think on Windows / Vista is a bit of a nightmare really – including IE’s default handling.

Comment on Internet Explorer and 120 dpi by william

william — Thu, 12 Mar 2009 04:05:23 +0000

This solution is meant for web sites that are using ems for font sizes. What it does is scales the base font size so that 1em = 10px, making it easier to work with ems, and applies the proper scaling to IE when it’s screen DPI is set to 120 instead of 96. In order to use this, you would need to change all your units to ems. Or, you could just use pixels which would ensure that everything is the same size regardless of screen dpi, but older version of IE will not be able to increase or decrease the text size.

Comment on Internet Explorer and 120 dpi by John

John — Thu, 12 Mar 2009 03:36:12 +0000

William,

Thanks for responding. I tried it and it did kind of work.

This problem seems to effect text as well as images, because while it made some of the text elements on my site smaller, it left the images unchanged (naturally) and not even all of the text was made smaller. So, the problem persists.

Any other ideas?

Thanks.

John

Comment on Internet Explorer and 120 dpi by william

william — Thu, 12 Mar 2009 02:28:02 +0000

John, if you copied and pasted from WordPress then what should be regular quotes around % and 62.5% may actually be curly quotes. Replace them with regular quotes and it should work.

Comment on Internet Explorer and 120 dpi by John

John — Wed, 11 Mar 2009 22:17:15 +0000

Hi. I am experiencing the same issue that you talk about in this blog (http://www.williamkolean.com/williamblog/?p=18).

However, I tried implementing the fix you stated and it didn’t work on my end.

I put this line:

font-size: expression(screen.deviceXDPI > 96 ? 1000 / ((screen.deviceXDPI / 96) * 16) + “%” : “62.5%”);

into the “body” part of my css file. Did I do that right?

Thanks.

John
Did I do it right?