Font size

[Grunty]

I have designed a web page for our intranet that is designed for a screen size of at least 800x600, which, because of its layout and content, cannot be any smaller.


I have set a heading across the top of the page to be size 36 in CSS. This works ok, and because the table it is in is set to 780px width, it doesnt wrap if the screen size is varied.

The problem is that a couple of users have set their display settings to large fonts. This makes the heading wrap and messes up the rest of the page.

Can I force the heading to remain in normal sized fonts?

Thanks

[toicontien]

I'm giving suggestions without seeing any of your CSS, so some of it may not apply. It would help out a great deal if you posted a link to the CSS file, or attached a TXT file with the CSS in it.

In any event:

1. If you specified the font size as font-size: 36; you are missing the form of measurement, whether it's pixels (px), ems (em), or a percentage (%).

2. To get Internet Explorer users to be unable to resize the fonts, write your CSS declaration font-size: 36px; That sets the font to be 36 pixels tall.

Netscape, Mozilla, and MacOS Internet Explorer users can resize the fonts regardless of how you write the font size in CSS.

If the larger text is breaking the layout of the page, the best way around that is to tweak the layout so that it doesn't break when the text size is increased. If all the text is doing is wrapping to another line and the layout doesn't break, don't really worry about it.

One of the disadvantages of web design is that you can't count on consistent text sizes, fonts, and even colors. It's a pain, but it's reality.

[Grunty]

Thanks for the pointer. I was using CSS styles in dreamweaver and didnt bother to set the form of measurement.

I set the font size to 48px and that sorted out my problem.

Ta