| 4:36 pm on Nov 19, 2005 (gmt 0)|
I see no difference between the two.
| 5:22 pm on Nov 19, 2005 (gmt 0)|
Perhaps itīs only a problem of your output device...
| 6:00 pm on Nov 19, 2005 (gmt 0)|
Usually when you use pixel values for font size it will be consistent cross-browser. The only thing I can see which is not quite right is this:
<div style="position:relative; top:20px; left:20px; z-index:2; font-size:15px; [b]font:Times New Roman,[/b] Times, serif; color:#6699CC; width:399px; height: 166px;">
You should be specifying
font-family instead - Firefox won't recognize it otherwise. You should also place font names with multiple words within quote tags (use single quotes as you are within a double-quoted block):
<div style="position:relative; top:20px; left:20px; z-index:2; font-size:15px; [b]font-family:'Times New Roman',[/b] Times, serif; color:#6699CC; width:399px; height: 166px;">
See if that helps. :)
| 7:02 pm on Nov 23, 2005 (gmt 0)|
Hey there - I'm new here and am having the same problems (font-sizes looking smaller in FF than in IE). All the CSS books tell me I should use "em" values for font sizes in my style sheet. Are you saying I should use absolute pixel values?
Appreciate any help you can give me - coding for FF is frustrating me no end.
| 7:53 pm on Nov 23, 2005 (gmt 0)|
Em values will "adjust" their size according to the user preferences that are selected in the browser. If you can design a layout that accomodates such variation from user to user, many usability authorities consider this the best practice.
At the same time, many big commercial sites use a fixed "px" value so as not to break their layout. My own preference is to use a reasonably large px value and assume that people with a serious vision challenge will override my CSS with a customized user stylesheet.
| 8:38 pm on Nov 23, 2005 (gmt 0)|
Have you checked to make sure that both browsers are set to display text at the default size? That could be the problem.
On the em font sizes, I'm with tedster. I figure the average IE user won't know they can change font sizes anyway, whereas Firefox can resize any text regardless of the size unit used. So I go with px values and count on that being good enough. It was just too complex to get em's to work right down through the cascade.
| 8:52 pm on Nov 23, 2005 (gmt 0)|
IE set to "medium", FF to "normal"
I'll have to re-style everything, but if it will help, that's fine. THANKS for the help.
I'll be posting another problem with FF reading <table> and <td> styles in another thread.
| 11:52 pm on Nov 23, 2005 (gmt 0)|
I guess this is too simple to be the cure but, I'll say it anyway.
If you have a scroll mouse, when on the FF page, press Ctrl and scroll back on the wheel. That should make the text bigger or forward to make it smaller.
If you don't have a scroller mouse, press Ctrl and the + or - key on the calculator keys.
| 2:05 am on Nov 24, 2005 (gmt 0)|
One of the factors affecting how text-size is handled when using non-pixel units is whether you are in quirks mode or standards-compliance mode [webmasterworld.com]. For best results you should always be using a full doctype to trigger standards-compliance mode in modern browsers.