[css-d] Text sizing in IE
Hi, Could anyone help me out with a problem with relative text sizing in IE (and possibly other browsers)? I have declared the body font-size as 1.0em, p as 0.8em and headings 1.2em etc on my page (http://www.aycee.co.uk) and they all scale correctly in relation to each other, the problem occurs when using IE to change the visible font-size - the size of the text as a whole seems to adjust in big jumps from really large text for largest, down to miniscule unreadable text for smallest. When looking at a page such as Google, changing the text sizes doesn't make as much of a difference, the smallest text is still readable. I've noticed that A List Apart also 'jumps' in big steps like my page does. Has anyone come across this before and can suggest a solution? I want my visitors to be able to adjust the text size but in smaller gradients than is currently happening. I have tried using both ems and % but neither make a difference. Is it something really simple that I'm missing? My CSS is available at http://www.aycee.co.uk/aycee1.css, aycee2.css or aycee3.css depending which stylesheet version is being viewed. Thanks very much, Ali :o) * Alison Lee [EMAIL PROTECTED] http://www.aycee.co.uk * _ The new MSN Search Toolbar now includes Desktop search! http://toolbar.msn.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text sizing in IE
Ali Lee wrote: I've noticed that A List Apart also 'jumps' in big steps like my page does. Has anyone come across this before and can suggest a solution? A really old IE/win bug that many still loose out on. ALA sure has it. Set the root-declaration in 'percent' (%), and the bug is gone. For your page that's 'font-size: 100%'. You're free to use 'em' and/or '%' further down. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text sizing in IE
Ali Lee wrote: Could anyone help me out with a problem with relative text sizing in IE (and possibly other browsers)? I have declared the body font-size as 1.0em, p as 0.8em and headings 1.2em etc on my page (http://www.aycee.co.uk) and they all scale correctly in relation to each other, the problem occurs when using IE to change the visible font-size - the size of the text as a whole seems to adjust in big jumps from really large text for largest, down to miniscule unreadable text for smallest. When looking at a page such as Google, changing the text sizes doesn't make as much of a difference, the smallest text is still readable. I've noticed that A List Apart also 'jumps' in big steps like my page does. Has anyone come across this before and can suggest a solution? I want my visitors to be able to adjust the text size but in smaller gradients than is currently happening. I have tried using both ems and % but neither make a difference. Is it something really simple that I'm missing? My CSS is available at http://www.aycee.co.uk/aycee1.css, aycee2.css or aycee3.css depending which stylesheet version is being viewed. Two ways to deal with this: 1-Respect users' wishes as recorded in their prefs. Make your p text 1.0em, by setting no inherited sizes or body size at all. Browser font size prefs are there for a reason, so that users can adjust them according to their wishes and needs. 2-Follow the wiki instructions: http://css-discuss.incutio.com/?page=UsingEms -- Be quick to listen, slow to speak.James 1:19 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Text sizing in IE
Hello Ali, In addition to what Georg said, I usually set the root-declaration to 100.01% to avoid size inheritance bugs in some versions of Opera, and then use em. http://css-discuss.incutio.com/?page=UsingEms Cheers, Jérôme Coupé International Polar Foundation Multimedia Communication -- Phone : +32 (0)2 533 97 33 -- http://www.polarfoundation.org http://www.sciencepoles.org -- Technical knowledge is not enough. One must transcend techniques so that the art becomes an artless art, growing out of the unconscious. - Daisetsu Suzuki, J. Hyams (1979, 99). -Original Message- Hi, Could anyone help me out with a problem with relative text sizing in IE (and possibly other browsers)? I have declared the body font-size as 1.0em, p as 0.8em and headings 1.2em etc on my page (http://www.aycee.co.uk) and they all scale correctly in relation to each other, the problem occurs when using IE to change the visible font-size - the size of the text as a whole seems to adjust in big jumps from really large text for largest, down to miniscule unreadable text for smallest. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
