Topic: IE manual text resizing (Page 1 of 1)

Alright, so I have googled this topic and had a look through some resources I could find (this for example but have not been able to find an answer to my question.

I have been asked to enable manual text risizing in IE on my website. I used an external style sheet which sets sizes in em, px and percents. Is there anything I should know about what (not) to do? So far I cannot resize my text, only the bullet points.

Any help would be very much appreciated!

Cheers

That crap of IE does not resize the texts sets in px. And I guess you set the font-size of the body in px, then use some relative units. But to have the manual text resizing working in IE you must not use absolute units. Use only some relative units, even at the top level ( i.e. the body )

Thank you very poi, that was very helpful! IE, hey?! I've gathered that em is a relative unit isn't it? That all sounds very stupid to me... Thanks for the tip anyway!

Yep, em is a relative unit. Check the CSS2 specs - CSS2 syntax and basic data types - Values - Length for more details.

When you want to let the users manually resize the texts even in IE, you have to set all the font-sizes in relative units and pray that it'll look ok. Or you could also take a little risk and go for :

body
{
    font-size:11px !important;
    font-size:90%;
}

Since IE6 does not interpret correctly the !important rule, that way you set the font-size to 11px in the standard compliant browsers, and to 90% in IE.

I didn't know you could do that. Thanks a lot, very interesting poi!