Solved

font size in IE different from Firefox

Posted on 2009-07-15
2
867 Views
Last Modified: 2013-12-08
I am working on a customer's website and have changed the font size in the yellow div boxes.  I am trying to get the same size font as the the main text.  In IE the font sizes are correct and the same size, but in Firefox the font shows up much smaller.

Below is the code for the html page.
 
Here is the address to the css page: http://www.wine-lover-screensaver.com/style.css

Here is the html page that I am working on: http://www.wine-lover-screensaver.com/marksindex.htm
<html>

<head>

<title>Wine-Lover-Screensaver.com</title>

<script>

<!--

// gets current date and converts it

function MakeArray(n) {

        this.length = n

        return this

}

monthNames = new MakeArray(12)

monthNames[1] = "January"

monthNames[2] = "February"

monthNames[3] = "March"

monthNames[4] = "April"

monthNames[5] = "May"

monthNames[6] = "June"

monthNames[7] = "July"

monthNames[8] = "August"

monthNames[9] = "September"

monthNames[10] = "October"

monthNames[11] = "November"

monthNames[12] = "December"

 
 

function customDateString(oneDate) {

        

        var theMonth = monthNames[oneDate.getMonth() + 1]

        var theYear = 2009

        return theMonth + " " + oneDate.getDate() + ", " + theYear

}

//-->

</script>
 

<style type="text/css">

<!--

p 

  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;

	color: #000000;

}

  

td

  { 

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 10pt;

  color: #333333;

   text-align: justify;

  }
 
 
 

.yellow

{ 

background-color: #FFFF66 

}
 

.theYellowLine

{

text-decoration: underline;

background-color: #FFFF66;

}

.theLine

{

text-decoration: underline;

}

body {

	background-color: #FFFFFF;

	background-image: url(images/background_tilenew.gif);

}

.style1 {

	color: #CC0000;

	font-weight: bold;

	font-family: Georgia, "Times New Roman", Times, serif;

}

.style2 {color: #000000}

body,td,th {

	font-size: xx-small;

}

.style3 {color: #999999}

.style6 {

	color: #333333;

	font-weight: bold;

	font-style: italic;

}

.style7 {

	color: #333333;

	font-weight: bold;

}

.style8 {color: #333333}

.style9 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;}

.style10 {color: #666666}
 
 
 

.style11 {

	margin-left: 0px;

}
 
 
 

.style12 {

	font-size: x-small;

}
 
 
 

.style13 {

	border-width: 1px;

	background-color: #000000;

}
 
 
 

-->

</style>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></head>

<body>

<div align="center">

  <table width="680" border="1" cellpadding="0" cellspacing="0" bordercolor="#003300">

    <tr>

      <td valign="top">

        <div align="center">

          <table width="100%" border="0" cellspacing="0" cellpadding="12">

            <tr>

              <td valign="top" bgcolor="#FFFFFF">

                <p class="style6">Your escape to the California Wine Country is as close as the &quot;Wine Lover Screensaver&quot;...</p>

                <p align="center"><font color="#CC0000" size="+2" face="Georgia, Times New Roman, Times, serif"><strong>"He that is penniless is rich, and even the wealthy find their hearts expanding when they are smitten by the arrows of the vine."</strong></font> <span class="style1">--Pindar (Greek Poet 522 - 443 BC) </span> </p>

                <p align="justify" class="style7">Within weeks, a vineyard transforms itself from lifeless canes to the producer of the greatest fruit known to mankind. Feel rich...even if you're not...with this visual feast of nature's abundance...</p>

                <table width="99%"  border="1" align="center" cellpadding="15" cellspacing="15">

                  <tr>

                    <td class="style13">

                      <div align="center">

                        <p>

                          <iframe id="I1" border="0" class="style11" frameborder="0" name="I1" scrolling="no" src="screensavernewpics/screensavernewpics.html" style="width: 505px; height: 431px">

						  Your browser does not support inline frames or is currently configured not to display inline frames.

						  </iframe>

                        </p>

                      </div>                    </td>

                  </tr>

                </table>

                <p class="style8">From the desk of Vanessa Kelly, creator of the Wine Lover Screensaver <br>

                  Today is

                  <script language="JavaScript">

                        <!--

                        document.write(customDateString(new Date()))

                        //--></script>

                </p>

                <p align="center" class="style8">&nbsp;</p>

                <p align="center" class="style8"><font face="Georgia" size="4"><strong><font size="+1"><font face="Georgia, Times New Roman, Times, serif">&quot;Wine of California...inimatable fragrance and soft fire...and the wine is bottled poetry.&quot; </font></font></strong></font><span class="style9">--Robert Louis Stevenson </span></p>

                <p align="left" class="style8">Every day, people around the globe choose wine from California to elevate their experience of fine food, to celebrate relationships, and cement the close of successful business deals. </p>

                <p align="left" class="style8">Inside each bottle is a time capsule...a living testimony to the nuances of terroir: the soils, topography, weather and climate... </p>

                <p align="left" class="style8">...And while we all know that great wine starts in the vineyard, only the lucky few will ever get to walk (and work) among the vines themselves...</p>

                <p align="center" class="style8"><strong><font size="+1"><font face="Georgia, Times New Roman, Times, serif">But, now <u>YOU</u> can!</font></font></strong></p>

                <p align="left" class="style8">Taste the seasons of the vineyards with the <strong>Wine Lover Screensaver</strong>...from lifeless canes...to bud-break...flowering...and the summer growing season...until the well-hung ripe fruit is harvested by hand. Then move through the dormant season of rain, (and occasional snow) to the season of bright yellow mustard carpeting...only to begin the cycle all over again. Each season brings its own variety of explosive color!</p>

                <p align="center" class="style8"><strong><font size="+1"><font face="Georgia, Times New Roman, Times, serif">My own story began about a decade ago...</font></font></strong></p>

                <p align="left" class="style8">New to California and fresh out of photography school (with the student loans to prove it!) my heart thrilled at the rhythms of the vineyards as I commuted through the Wine Country of Northern California, where I lived at the time. Through the seasons, I was smitten with the buzz and happenings in the vineyards, and I longed to capture the action with my lens. </p>

                <p align="center" class="style8"><strong><font size="+1"><font face="Georgia, Times New Roman, Times, serif">Then the door to my future swung WIDE open ...</font></font></strong></p>

                <p align="left" class="style8">Curiosity and a chance meeting with a couple of vintners led me to photograph their harvest and crush. In time, that led to pouring wine in a tasting room, which further enabled my access to the vineyards. As the world moved from film to digital, new possibilities emerged...and my <strong>Wine Lover Screensaver</strong> was born... </p>

                <table width="99%"  border="1" align="center" cellpadding="15" cellspacing="15">

                  <tr>

                    <td bgcolor="#FFFFCC"><div align="" class="style12"><font color="#000099">"Brilliantly clear and dazzling...this is a must for all wine aficionados who employ screensavers.&quot; <br>

                      <br>

                        <strong>J. W. <br>

                        Phoenix, Arizona <br>

						</strong></font></div></td>

                  </tr>

                </table>

                <br>

                <table width="99%"  border="1" align="center" cellpadding="15" cellspacing="15">

                  <tr>

                    <td bgcolor="#FFFFCC"><div align="" class="style12"><font color="#000099">"Vanessa!! They [your images] are gorgeous!!&quot;  <br>

                      <br>

                        <strong>P. F. <br>

                        Atlanta, Georgia </strong><br>

                        </font></div></td>

                  </tr>

                </table>

                <p align="left" class="style8">Escape to the Wine Country with the <strong>Wine Lover Screensaver</strong>! It features: </p>

                <ul><dl><dt class="style8">

                      <div align="left"><font face="Georgia" size="4"><strong><font size="+1"><font face="Georgia, Times New Roman, Times, serif">1. Stunning colors.</font></font></strong></font></div>

                    </dt>

                    <dd class="style8">&nbsp;</dd>

                    <dd class="style8"> <font size="2" face="Verdana">Luminous and vibrant images fill your senses and brighten your work day. <font size="2" face="Verdana">The <strong><strong>Wine Lover Screensaver</strong></strong> is candy for your eyes and work space.</font></font></dd>

                    <dt class="style8">&nbsp;</dt>

                    <dt class="style8">

                      <div align="left"><font face="Georgia" size="4"><strong><font size="+1"><font face="Georgia, Times New Roman, Times, serif">2. Enjoy California's Wine Country every day of the year!</font></font></strong></font></div>

                    </dt>

                    <dd class="style8">&nbsp;</dd>

                    <dd class="style8">

                      <div align="left"><font size="2" face="Verdana">Retreat to the Wine Country without stepping out of your office. Experience the seasons of California's Wine Country up close and personal, time and again... </font></div>

                    </dd>

                    <dt class="style8">&nbsp;</dt>

                    <dt class="style8">

                      <div align="left"><font face="Georgia" size="4"><strong><font size="+1"><font face="Georgia, Times New Roman, Times, serif">3. Instant delivery, instant gratification.</font></font></strong></font></div>

                    </dt>

                    <dd class="style8">&nbsp;</dd>

                    <dd class="style8">

                      <div align="left"><font size="2" face="Verdana">Immediate download and easy installation. </font></div>

                    </dd>

                    </dl>

                </ul>

                <table width="99%"  border="1" align="center" cellpadding="15" cellspacing="15">

                  <tr>

                    <td bgcolor="#FFFFCC"><div align="" class="style12"><font color="#000099">"What a wonderful collection of art from one of my favorite parts of the country. Seeing this screensaver each day reminds me how much I look forward to our next trip to Wine Country.&quot; <br>

                      <br>

                        <strong>G. M. <br>

                        North Oaks, Minnesota <br>

						</strong></font></div></td>

                  </tr>

                </table>

                <br>

                <table width="99%"  border="1" align="center" cellpadding="15" cellspacing="15">

                  <tr>

                    <td bgcolor="#FFFFCC"><div align="" class="style12"><font color="#000099">&quot;You've captured the essence of the vinyeards. Your photos are truly 'fine art.'&quot; <br>

                      <br>

                        <strong>J. A. <br>

                        Cotai, California </strong><br>

                        </font></div></td>

                  </tr>

                </table>

                <p align="center" class="style8"><font size="+1"><strong><font face="Georgia, Times New Roman, Times, serif">&quot;Simple pleasures...&quot;</font></strong></font></p>

                <p align="left" class="style8">Bring luxurious color and joyous ambience to your workspace with the <strong>Wine Lover Screensaver</strong>... It's the simple pleasures that bring the most joy. </p>

                <table width="99%"  border="1" align="center" cellpadding="15" cellspacing="15">

                  <tr>

                    <td bgcolor="#FFFFCC"><div align="" class="style12"><font color="#000099">"It's the simple beauty of nature that eventually becomes the complex creation of wine. Watching the sequence is soothing and makes me smile...&quot; <br>

                          <br>

                          <strong>R. F. <br>

Mount Shasta, California <br>

						</strong></font></div></td>

                  </tr>

                </table>

                <br>

                <table width="99%"  border="1" align="center" cellpadding="15" cellspacing="15">

                  <tr>

                    <td bgcolor="#FFFFCC"><div align="" class="style12"><font color="#000099">"These breathtaking images take me on a nostalgic journey to the vineyards of my youth. May others experience the same 'feel good' journey each time the images flash across their computer screen.&quot; <br>

                      <br>

                        <strong>V. N. <br>

                        Lake County, California </strong><br>

                        </font></div></td>

                  </tr>

                </table>

                <p align="center" class="style8"><font size="+1"><strong><font face="Georgia, Times New Roman, Times, serif">Buy with confidence... just $10.00! </font></strong></font></p>

                <p align="left" class="style8">I thought about charging $17.00 ($1.00 for each of the screensaver's 17 images). Even that represents a great value, given the time I put into creating these images. But, in these financially challenging times, I wanted as many wine lovers as possible to experience the <strong>Wine Lover Screensaver</strong>. Everyone's spirit, these days, needs a lift! </p>

                <p align="left" class="style8">Order <strong>TODAY! </strong>Bring the <strong>Wine Lover Screensaver</strong> to your computer  for <strong>only $10.00</strong> (that's less than a glass of fine wine...and as beneficial to your heart). And though I know that you'll be <strong>thrilled</strong> with your purchase, it comes with a 30-day satisfaction guarantee... </p>

                <p align="left" class="style8">...And, when you order<strong> TODAY</strong>, a portion of your order will be donated to the American Red Cross. In bringing joy to yourself, you'll bring joy to those in need... </p>

                <p align="left" class="style8">It's <strong>win-win-win! </strong>What could be better than that? </p>

                <p align="left" class="style8">Live Richly! Salute! </p>

                <p><img src="../signature.jpg" alt="signature" width="180" height="73" border="0" longdesc="http://www.wine-lover-screensaver.com/images/signature.jpg"><br>

                  <span class="style8">Vanessa Kelly, Photographic Artist </span></p>

                <p align="left" class="style8">P.S. <strong>Only $10.00</strong> (with instant download, no shipping or handling, and a donation to a worthwhile organization). It's a no-brainer! What have you got to lose? </p>

                <p class="style8">&nbsp;</p>

                <form action="https://www.paypal.com/cgi-bin/webscr" method="post">

                  <div align="center">

  <input type="hidden" name="cmd" value="_s-xclick">

  <input type="hidden" name="hosted_button_id" value="6582735">

  <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

  <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">                  </div>

				</form>

                <p>&nbsp;</p>

                <center>

                  <p><span class="style2"><span class="style10"><strong>Eagle's Flight Media, LLC </strong><br>

                    2300 Thomes Avenue, Suite 310 <br>

                    Cheyenne, WY 48103-6938</span><br>

                  </span></p>

              </center>              </td>

            </tr>

            <tr>

              <td valign="top" bgcolor="#FFFFFF"><div align="center"><span class="style3"><span class="style10">&copy; Copyright 2009 Eagle's Flight Media, LLC. All Rights Reserved. </span><br>

                  <br>

              </span></div></td>

            </tr>

          </table>

        </div>

      </td>

    </tr>

  </table>

</div>

</body>

</html>

Open in new window

0
Comment
Question by:northernknight
  • 2
2 Comments
 
LVL 1

Accepted Solution

by:
northernknight earned 0 total points
ID: 24863176
I changed the div code to paragraphs and now it views correctly in Firefox.
0
 
LVL 1

Author Comment

by:northernknight
ID: 24863184
Here is the change
<p><font color="#000099">"Brilliantly clear and dazzling...this is a must for all wine aficionados who employ screensavers.&quot; <br>

                      <br>

                        <strong>J. W. <br>

                        Phoenix, Arizona <br>

						</strong></font></p>

Open in new window

0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

This article discusses four methods for overlaying images in a container on a web page
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now