Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

font size in IE different from Firefox

Posted on 2009-07-15
2
882 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 Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

808 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