CSS HELP

Not quite sure exactly which specific entries you mean in the respective CSS files, maybe you could post them.

Generally I'd suggest reading up on CSS. Google or check out Alistapart, W3, Sitepoint...

things to look at would to do the changes for the font within a particular class ( eg.: .header) or id (eg: #header) entry within the CSS files. Find out what class/id has been assigned to the particular

however...when I change the text size (I.E. view-->text size) then the whole site changes (everything.. from menu till footer)..

You mean from your browser? That's the way it should work in a well-designed site.

is there any way to avoid it????

Yes, but if you had a site receiving govt money in the US or UK or were affiliated with a major university like mine, you would actually be in violation of laws (govt) or rules (university) on accessibility for the visually impaired if you prevented fonts from being resizable.

So I'm going to tell you this for your information, but beg you *NOT* to create a fixed font site. The way you do it is by specifying font sizes in your CSS with pixels. This will keep them from resizing in IE, but not Opera.

I think the trend is for browsers to move int he Opera direction anyway, so it's quite possible that in the future, this won't work in any browser. And it shouldn't. It is bad usability design.

Drupal's misc/drupal.css and your theme has everything sized in EMs. This makes everything relative to the font size and creates more of a zooming in-out effect when you change text-size.

This effect is sometimes diseriable and something web designs do on purpose. I always makes my CSS files using EMs to make an Elastic Layout

To disable this you will have to override the drupal.css and theme's css everywhere EMs are used.

Example from drupal.css:

fieldset {
  margin-bottom: 1em;
  padding: .5em;
}

To this:

fieldset {
  margin-bottom: 10px;
  padding: 5px;
}