Sub Header fine in IE but too large in FF

Hi All,

I can't figure out how to get my sub headings to a normal size in Firefox. They look fine in IE, but they are way too large when I view the pages in FF:

Here is a sample page: http://qualityliferesources.com/wordpress/health

Please let me know what I'm missing here. I'm using Wordpress if this is helpful.

Thanks to everyone in advance!

 

This is the code you are currently using for your headings:

<center><font size="“7”" color="”0099CC”" font=""><b>Are You Ready To Experience Amazing Health?</b></font></center>

HTML:

The problem is that you are using invalid code, which isn't being understood by proper browsers, such as firefox.

You should use something like this instead:

<h1 style="color:#0099CC;font-size:22px;text-align:center">Are You Ready To Experience Amazing Health?</b></font></center></h1>

HTML:

You can change the color, size, and even add a margin/padding if necessary. Also, i would recommend adding the styling above to your stylesheet seperately, so that its just:

h1 { color:#0099CC; font-size:22px; } in your CSS file, rather then being hardcoded. It's hardcoded above to demonstrate an example.

 

As with everything on the web, you can't look at IE and compare it to a modern browser, firefox, and ask what's wrong with the modern browser. As with everything, never ever trust IE to do anything right. In this case, the size attributes are buggy in IE.

 

GWiz, thanks so much for your help. I'm far from tech savvy but have learned (and continue to learn) a lot from people like you. I sensed the code needed to be something along the lines of what you provided, but I didn't know how to do it.

All the best & have a great weekend!