/    Sign up×
Community /Pin to ProfileBookmark

Font Size Discrepancy in Firefox

Copy linkTweet thisAlerts:
Feb 06.2010

Can’t figure out why my Headlines are not coming out correct in Firefox. Looks okay in IE, Chrome, Safari, but in Firefox the Font Size does not seem to be registering.

Near as I can tell my coding is correct.

If anybody can tell me why I’d appreciate it.

Here’s site:

[url]http://www.fantasyadvertisingnetwork.com/[/url]

Here’s my head with imbedded CSS

!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd“>
<html>
<head>
<title>Fantasy Advertising Network</title>
<link rev=”made” href=”mailto:[email protected]“>
<meta name=”description” content=”A Cooperative Advertising Network for Independent Fantasy Sports Websites”>
<meta name=”keywords” content=”fantasy football, fantasy sports, online advertising, fantasy network, advertise on line, prime demographic, internet ads”>
<STYLE TYPE=”text/css”>
<!–
–>
body { line-height: 1.2; }
p { margin:0px; margin-top:0px; margin-bottom:0px; }
h1 { font-size:42px; font-family:Impact; color:silver; margin:0px; padding:0px }
h2 { font-size:20px; line-height: 1.5; font-family:Arial; font-weight:bold; color:lime; margin:0px; padding:0px; }
h3 { font-size:19px; line-height: 1.5; font-family:Bookman Old Style; font-weight:bold; color:white; margin:0px; padding:0px; }
h4 { font-size:30px; font-family:Bookman Old Style; font-weight:bold; color:navy; margin:0px; padding:0px; }
h5 { font-size:24px; font-family:Comic Sans MS; font-weight:bold; color:#CD2626; margin:0px; padding:0px; }
h6 { font-size:27px; font-family:Bookman Old Style; font-weight:bold; color:#337147; margin:0px; padding:1px; }

A:LINK {Text-Decoration: none}
A:VISITED {Text-Decoration: none}
A:HOVER {Color: #00FF00;}

</style>
</head>

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangFeb 06.2010 — Remove the depreciated font element and validate the document
Copy linkTweet thisAlerts:
@jimmythefingerauthorFeb 06.2010 — what exactly is depreciated font element?
Copy linkTweet thisAlerts:
@FangFeb 06.2010 — http://www.w3.org/TR/REC-html40/present/graphics.html#h-15.2.2[COLOR="Blue"]&lt;font size="1"&gt;[/COLOR]&lt;br&gt;
&lt;br&gt;
&lt;br&gt;
&lt;br&gt;

&lt;h4&gt;On-Line Advertising&lt;/h4&gt;
[COLOR="Blue"]&lt;font size="4" font face="Bookman Old Style" font color=navy&gt;[/COLOR]&lt;i&gt;to&lt;br&gt;

Our Entire Network of&lt;/i&gt;&lt;br&gt;
&lt;h4&gt;Fantasy Websites&lt;/h4&gt;

[COLOR="Blue"]&lt;font size="1"&gt;[/COLOR]&lt;br&gt;
&lt;br&gt;
It's use here is overriding the css
Copy linkTweet thisAlerts:
@jimmythefingerauthorFeb 06.2010 — Thanks, Fang. That seems to work, but raises another issue.

How do I control the font size and color of the words

to

Our Entire Network of

In addition, the font size 1 with the line breaks I have been using to control spacing between sections. Is there another way to do this?

Appreciate your help, really.
Copy linkTweet thisAlerts:
@FangFeb 06.2010 — &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;

&lt;style type="text/css"&gt;
* {margin:0;padding:0;}
#container {
font-family:'Bookman Old Style', serif;
font-size:1.1em;
color:#000080;
background:#fff;
text-align:center;
}
h2, h3 {font-size:1.7em;}
#container em {display:block;}
.headermargin {margin:2em 0;}
&lt;/style&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;div id="container"&gt;
&lt;h2&gt;On-Line Advertising&lt;/h2&gt;
&lt;em&gt;to&lt;br&gt;Our Entire Network of&lt;/em&gt;
&lt;h3&gt;Fantasy Websites&lt;/h3&gt;
&lt;em class="headermargin"&gt;We Represent A Consortium&lt;br&gt;of Independent Fantasy Sports Websites&lt;br&gt;Who Get Over 12 Million Hits Per Year&lt;/em&gt;
&lt;p&gt;Get Your Message In Front&lt;br&gt;of This Valuable Demographic!&lt;/p&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@jimmythefingerauthorFeb 06.2010 — Thank you, Fang. You are a gentlemen and a scholar.

It's a bit advanced, so I have to study it.
×

Success!

Help @jimmythefinger spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.8,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...