Text Size In different browsers

[d40sithui]

Hi,
First of all, I'm completely worthless in CSS. I'm trying to make a page with tables and some basic css. The page looks fine in Netscape, Firefox, and IE. However, when I go to View->Text Size->Increase in either Firefox or Netscape to anything above "normal", the boxes (tables) gets jumbled out of place (since the text got bigger). I noticed that IE does not change the text size in this fashion if I set the text-size in css. Firefox and Netscape however, responds to text size changes via browser options. I'm not sure if I'm making myself, but if you have any advice to fix this please let me know.

[functions]

How did you make your web pages? use Dreamweaver?

[d40sithui]

I coded with html, css, and php.
Would using Dreamweaver help?

[Marshall]

d40sithui,

Could you post relevant CSS and HTML code including doctype? Also, did you try to validate your CSS [jigsaw.w3.org] and HTML [validator.w3.org]? Many problems can be discovered and solved that way. And no, Dreamweaver will not help, IMHO.

Marshall

[penders]

I noticed that IE does not change the text size in this fashion if I set the text-size in css.

If you set the text-size to px in your CSS then IE won't resize it if selecting the option in the browser. Although it should! It is just a fault of the browser that it doesn't.

In short, your design needs to be able to at least cope with different font sizes as there is no gurantee what font-size the user will be seeing.

You could fix the widths of your elements so that your design will always extend downwards. Or specify dimensions (and perhaps font sizes) in em's so that your containers grow/shrink with the font-size.

[d40sithui]

Guys,
Thanks for replies!
I have the problem fixed. I think the culprit was an banner image that was set with the px rather than % attribute. As a result as you change the text sizes with browsers, the image does not change and winds up screwing the rest of the rows/columns since it does not transition accordingly to match up with the surrounding elements. I also had to change some td elements to % widths. now the whole page seems to stay consistent with maximum or minimum text size settings.