indecent
02-28-2006, 12:17 AM
Take a look at this page -- *ttp://60.49.158.173/test.php
The font size in the table look okay in Opera and Firefox, however they appear a bit large in IE6. But the text outside the table is fine.
I checked the stylesheet but couldn't find what's wrong in it.
#content { ...font:9pt/13pt tahoma, georgia, serif;... }
table { ... }
th { ... }
td { ... }
form, label { font: 9pt Arial, sans-serif; }
form table { ... }
form th { ...font:bold 8pt Arial, sans-serif;... }
form td { ...font:8pt Verdana, sans-serif;... }
Complete stylesheet is here -- *ttp://60.49.158.173/skin/style.css
SiliconWolf
02-28-2006, 01:22 AM
Hmmm, the only time I've had differences between FF and IE in CSS font size is when using relative sizes like "x-small". FF renders that in approximately HTML size 1 (7pt) while IE uses size 2 (10pt).
Looks like you've defined #content as the properties of a DIV which contains a table. Some browsers lose part of the font settings inside the table in cases like that. Try changing the #content thing to a class and apply it to both the div and the table, like:
.content { font settings }
DIV CLASS="content"
TABLE CLASS="content"
Other ideas:
I'm not familiar with the "9pt/13pt" syntax. What's that supposed to accomplish? Coudl FF be reading the 9pt part while IE reads the 13? Does it help if you remove the "/13pt" ?
Maybe try separating the general "font" style into its components "font-family", "font-size" and "font-weight" ?
indecent
02-28-2006, 03:37 AM
Looks like you've defined #content as the properties of a DIV which contains a table. Some browsers lose part of the font settings inside the table in cases like that.
That's right, thanks! It seems IE forgot the #content properties even though the table is inside div. So I added color & font properties into the table & td to solve the problem. I didn't add them before because I thought I'd save some space.
I'm not familiar with the "9pt/13pt" syntax. What's that supposed to accomplish?
Not sure myself, only I think it makes the text look less crammed.
digiscape
02-28-2006, 06:34 AM
I'm not familiar with the "9pt/13pt" syntax. What's that supposed to accomplish?
Not sure myself, only I think it makes the text look less crammed.
The 2nd part is for the line-height - font-size/line-height
Korvan
02-28-2006, 11:38 AM
Dont use pt to do font sizes unless it is for printing.
Pt size definition is for printers not screens.
For font sizes on your screen use px and em.