Welcome to WebmasterWorld Guest from 188.8.131.52
Forum Moderators: incrediBILL
<div style="position:relative; top:20px; left:20px; z-index:2; font-size:15px; font:Times New Roman, Times, serif; color:#6699CC; width:399px; height: 166px;">The things that are written here are stupid, and in fact, it is so stupid that even i can write something better than this. Although this is nont true, some things are true. For instance, the truness of that passage written by him had overwhelmed many humans, plants and animals. The plants and animals loved it sooooo much that they wrote their own. They made a lot of money from it and decided to sell it. After many unseccessful attempts, they tried to steal it, but consideriing it was their own, they had lost a part of themselves for good. As good turns bad, i finish writing a paragraph of nonsense.</div>
if you try it on FF and IE, it is much larger on IE
<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
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. :)
Appreciate any help you can give me - coding for FF is frustrating me no end.
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.
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.
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.