Posted by Harlan Messinger on 03/25/06 19:54

Cerebral Believer wrote:
> Hi all,
>
> I am keen to allow people who view my site to be able to resize the text in
> their browsers (especially for people who need to read larger text). With
> my old web-page I specified the point size in the HTML code, and noticed
> that when using Internet Explorer the text could not be resized. In
> designing my new site I have chosen to express the text sizes as percentages
> in a stylesheet, e.g.
>
> .side_panel_title {
> font : bold 50% 'Trebuchet MS',
> 'Lucida Grande', Arial, sans-serif;
> color : #990000;
> }
> .side_panel_text {
> font : 50% 'Trebuchet MS', 'Lucida
> Grande', Arial, sans-serif;
> color : #373737;
> }
>
> I did this thinking that the viewers of my web-pages would be able to select
> larger font sizes for viewing by adjusting their browser text settings.
> However, when the page is rendered in Internet Explorer, the text only
> appears in a readable size (the size I actually designed the page) when the
> "View | Text Size | Largest" setting is selected. I had thought that users
> would be able to increase the size text to a larger size than the sizes I
> used to design the page in order to make the text easier to read - that is
> what I want to achieve, that is the same effect as on the w3org site
> http://www.w3.org/. What am I doing wrong? Or is what I am trying to
> achieve not possible (this way)?

I don't understand--how, other than a browser, are you examining your
work while designing it, that it could look different than it does in a
browser?

What is the base text size, that the side panel is supposed to be 50% of?

[Back to original message]