Text Size Issue in IE

[GregJ]

Hello Everyone,

I need some help with a problem involving IE and Text Size.

I have been working on revising a number of pages for technical and download improvement on a high-volume website. I have removed the font tags from a group of pages and moved that control into a CSS file. This alone reduced the page size by about 25%. The CSS file uses only relative (%, larger, smaller) font sizing directives after the initial setting of a 1em font size at the global (*) level first thing in the file.

Things look great on IE and Firefox, both old and new so long as the Text Size setting is "Medium" (IE). Firefox works great old and new regardless. It is only IE which gets its shorts in a wad.

If I change the Text Size to Larger on IE, the Letters become 1 inch in size. Absolutely HUGE, Enormous. If I set to Largest, a single letter fills my entire 1600 x 1200 screen. Astronomical!

Now IE only does this on the revised pages. On the old, it simply increases the size a bit.

Here are some links for you to examine. The first is a revised page with a fair amout of 65% sizing in it due to information density. The second is revised, but very little is 65%. The third is the old format.

• (revised, 65%) http://www.baseball-almanac.com/play...hp?p=quallji01
• (revised) http://www.baseball-almanac.com/box-...d=199304050FLO
• (old) http://www.baseball-almanac.com/team...p?y=1993&t=FLO

I am at a loss as to what to do/try next. Several of our clients use the "Larger" setting as their vision ain't what it used to be, but the results in IE are all out of scale.

I tried some googling around and didn't find anything. So I googled for forums which looked appropriate and found this one. I'm hoping y'all can help.

-g
"Houston, we have a problem"

[Beach Cruise]

I tried this on my browser and did not see the problem. IE6.x was the browser tested. at 1200x700

[GregJ]

Thanks for looking.

Did you try changing the View | Text Size to "Larger" ? I am using IE 6.0.2900... All critical updates and more applied. I have tried in numerous resolutions, but I didn't try 1200 x 700.

[GregJ]

Further to story, I had

Code: Select all

*    {font: 1.0em Arial, Helvetica, san-serif; color: black; }

but now have

Code: Select all

* html body p    {font-size: 1.0em; font-family: Arial, Helvetica, san-serif; color: black; }

This alone made the "Larger" problem go away, but the Font face is now going back to serif fonts. Still this is an improvement.

The update is only in the test area at the moment. Still hunting and pecking to fix the font face problem.

If anyone has ideas, I'm open to hearing them.

-g

[Beach Cruise]

try dropping 1. Oem; from the font listing... not sure but I think that this might get you... Hard to tell since I don't have the problem on my machine. Have you seen this on other systems?

[GregJ]

Well, I got it worked out. Here is what I ended up with to get both Firefox and IE to look good and to keep IE from choking on it's idiocy.

Code: Select all

 
  * html {font: 1.0em Arial, Helvetica, san-serif; color: black; }
  html {font: 1.0em Arial, Helvetica, san-serif; color: black; }

Both lines were needed. The first kept Firefox sane, and the second kept IE inside the ballpark.

Some other adjustments on the pages were needed, but on the whole they were trivial after finding the "work around".

Thanks Beach Cruise for responding.

-g
#Houston, we are in the water at station 1#