Font on Facebook looks different on Firefox than IE?

On IE, the font looks clearer, darker and smoother but on Firefox it looks bigger, fader and rigid. Why?
I previously fixed this problem by tweaking the about:config on Firefox. Changed the value of
gfx.font_rendering.cleartype_params.rendering_mode to 0.
But now it doesn't work anymore. I am using Windows 8 OS.

How it looks on IE and Firefox respectively:

Similar Messages

Why does my flash image viewer look different in firefox than in IE...

So I have created a horizontal spry bar that overlaps a flash image viewer slide show. When i load the page in IE everything works fine, but as soon as you open it in firefox it works improperly...you can hit refresh in firefox and sometimes it resizes the image I don't understand how that is possible....if you have any input it would be greatly appreciated! Thank you!

You need to be aware of the limitations of the various browsers and make sure you use web-safe fonts and colors.....
http://www.iwebformusicians.com/WebMusic/FontsandColors.html
Do a Command A on all your pages in iWeb to make sure that objects/text boxes are not touching or overlapping.
Firefox has problems with displaying drop shadows/frames etc.
To get help with specific issues you would need to tell us the URL of our site.

Colors look different in titler than on timeline

Colors look different in titler than on timeline. Here's a screen grab. The upper image is the program monitor and the lower image is the titler. Both are on the same monitor.
I guess it's a bug and I will report it but I wonder if anyone else is seeing this.

What is your Premiere Monitor Playback Res set at?
What is the Preview Setting?
Jims advice is useless in this instance. He expects you to do an output file everytime you make a tweak in Titler or Sequence just to see what you might abitrarily be getting.

Quicktime video looks different in Firefox and Safari, is there a fix?

My full problem is described in this thread:
http://discussions.apple.com/thread.jspa?messageID=4451761
but to keep it simple, my immediate issue is that Safari and Firefox are displaying my video differently. Firefox appears darker and Safari appears brighter. With my monitor set to a gamma of 1.8 (default for OS X) Firefox looks perfect and Safari looks washed out, and with my monitor set to 2.2 (Windows default and all-together better looking) Firefox is too dark and Safari is perfect.
All I want to know is WHY they look different and how to fix this.

Thanks for your response. While this may work with audio and video originating from your own computer it doesn't seem to effect audio and video viewed from the Firefox 5.01 browser which uses a QuickTime plugin. Audio and Video viewed from Safari and Firefox 3.6.19 work fine which leads me to believe the QT plugin and Firefox 5 browser are not working correctly.

Photos look different in Photoshop than when viewed with Picture Viewer

I am running Windows XP, using Photoshop CS2, with a Samsung SyncMaster LCD monitor. I have recently noticed that my picures look different when viewing with Picture Viewer than when the same picture is opened in Photoshop. The photoshop version is much lighter while the pic viewer version is darker. I want to make sure of what I'm sending to my online printers. Do I have color setting wrong? My color setting in Photoshop are: sRGB IEC61966-2.1, U.S. Web Coated (SWOP) v2, Dot Gain 20%, and Dot Gain 20%. And preserved embedded profiles for RGB, CMYK, and Gray. Is the problem with calibrating my monitor, and if so, do you know of any free calibration software? I'm on a budget.
I appreciate any help. Thanks.

Well, it surely is a problem with your monitor settings, but, forgive me for saying this, mentioning "sending stuff to the printers" and then asking for free calibration software is a bit naive. If Adobe Gamma, the settings in PS itself and the color calibration in Windows don't cut it, then your system is seriously bent in terms of color and some other steps are required first.
a) reset your monitor to its default color temperature and brightness
b) get rid of any color tweaking your graphics card may introduce
With a clean slate, create a color reference image (pure colors, grayscale gradient) with all color calibration turned off and see how it looks at the system level and in PS. Now you can begin to adjust settings everywhere and re-enable color profiles until the results match in sRGB space.
The rest is pretty much unpredictable. Unless you gain access to the exact color profiles of the target device (the printer) and your monitor is properly hardware calibrated, there will always be minute variations. The only thing you can do is to solely rely on your visually aligned sRGB setup and have all color profile adjustments and color space conversions done at your printer. However, even that's assuming you do not wander too far off the default values and the sRGB is indeed "intact".
Mylenium

Print job looks different in html than it did in Flash preview

I have created a .swf that contains several movie clips. I have inserted a print button in each movie clip - and managed to get everything in working order on the Flash end of things. Then I inserted the .swf into a new HTML document in Dreamweaver. So far so good - but when I preview in the browser and hit the print button in one of the nested movie clips, the output looks different than it did when testing it in flash.
My main .swf has a dark blue background so I used a large white rectangle to act as the background of the movie clips so it would not waste a lot of ink. When I print from the browser, the background is blue and the large white rectangle I see in Flash does not appear.
This is the first time that what I insert in Dreamweaver doesn't match up with my Flash preview. Can anyone help?

I'm still not sure why it looked different when inserted into an HTML file. However, I went back into my flash file and changed the document background to white and added a blue rectangle instead of the blue background with a white rectangle in the movie clip for printing - this seems to have solved my problem.
Thanks to anyone thinking about my problem!

My Muse page looks different on Firefox and Chrome - both are the latest versions

On Firefox, my pre-loader wants to load each time it encounters an Edge Animate on my scroll page. Page anchors are slightly changed in Firefox and this messes up my scroll, opacity and Ege Animate triggers.
I'm not sure if this is relevant but I also receive this error message in my browser immediately after exporting to HTML - http://www.broadcastgems.com/mediastreamer5/Muse_js_Error.jpg
Here's my Muse Webpage - http://www.broadcastgems.com/MoGraphIntensity_ShapesText_PreLoad/
Lastly, I can't get my Form on the said page to work - on both Chrome and FIrefox. I can fill in the boxes but clicking 'Send' doesn't seem to do anything. Also, the text column for "Message" is ridiculously narrow - only 2-3 words long and I can't seem to change this. Visually it looks long but once I start typing it wordwraps after only 2-3 words. I'm using the built-in Form widget that comes with Muse.BTW, the form is right at the bottom of the page/URL I provided in the previous para - you can get there via the menu button, Inquiry.
Thanks for any assistance
- Roland

Hi Aish, here's the screen recording I made http://www.broadcastgems.com/mediastreamer5/Muse_Browser_Issue_Jan29_2014_01.zip
Notice how Firefox initiates the Muse pre-loader each time it reaches an Edge Animate object AND how the layout looks different when I use the menu buttons to access page anchors. Unfortunately, I forgot to record the form's Message Text Field, to show how narrow the column is. Any idea on how to fix/enlarge the column for this?
BTW, I just received a form submission that I made a while back - like half an hour ago.
Cheers
- Roland

Why does Firefox 4 look different on xp than Win 7. Some of the features described in the intro are not showing up like the firefox button top left.

When I loaded the new version on my office computer running Win 7 it looked like the promo but when I upgraded my other computers running xp it looks more like the earlier versions. What is the story people!!!

Try turning off the menu toolbar
* Use keyboard keys '''Alt''' then in turn '''V , T , M'''
Note the menubar may be temporarily turned back on by using the Alt key even if the '''orange''' ''"Firefox Button"'' is displayed.
Firefox 4 probably by default does not dislplay the bookmarks toolbar, and will display the Tabs on top.
There are other changes; and some users do not like them, but in most cases firefox 4 can be made to look and work like firefox 3.6 if required.

IWeb looks different in program than published on web

I understand that some of the Fonts I use to create in iWeb won't necessarily translate the same to all computers....but why is the spacing getting messed up as well? This happens most frequently when I use textboxes or pictures in frames, set them to 'Floating,' and arrange them how I want them to look on the page....but then when the site publishes they look totally different online than they do in my iWeb.
How can I at least keep them consistent?? Help!!

Welcome to the Apple Discussions. For maximum font compatibility across different computers you should use Web Safe Fonts. Otherwise if a computer doesn't have that font it will substitute one which may not fit the layout.
An alternative is to apply a drop shadow to the text box and set its opacity to zero. That will convert it to an image file which will display the same on all computers. If you have iWeb's preferences set to indicate text boxes that have been converted this is what you'll see in iWeb:
Click to view full size
However, it will add "weight" to the page causing it to load slower in browsers. That should be avoided if at all possible.
OT

Why does my lists look different in Firefox

Please take a look at the following pages in both browsers. pay attention to the right column and see the lists. In firefox they are ok but explorer does not show the same thing. any suggestions?
http://greenpwwhh.com/wisdom.html
http://www.greenpwwhh.com/wealth.html
http://www.greenpwwhh.com/health.html
codes for health page: note that style in blue was used to take care of margin space for bullets.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>GreenP - Wealth, Wisdom, Health & Happiness</title>
<style type="text/css">
ul {padding-left:16px}
</style>
<style type="text/css">

</style>

<link href="main_page.css" rel="stylesheet" type="text/css" />


<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>
<script type="text/javascript" src="diva/divaCommon.js"></script>
<script type="text/javascript" src="diva/divaGPSfree/divaGPSfree.js"></script>


</head>
<body class="thrColFixHdr">
<div id="container">
<div id="header">
    <div id="headerLogo"><img src="greenP_logo.gif" width="293" height="90" alt="logo" /></div>
    
    <div id="headerAd"><a href="http://www.patrickgreen.cruiseshipcenters.com/Home.aspx#"><img src="cruiseshipcenter_728x90.gif" width="728" height="90" alt="cruise" /></a></div>
    
    <h1> </h1>
    
</div>
<div id="nav">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html" class="thrColFixHdr">Home</a></li>
      <li><a href="wisdom.html" target="_top" class="thrColFixHdr">Wisdom</a></li>
      <li><a href="wealth.html" class="thrColFixHdr">Wealth</a></li>
      <li><a href="health.html" class="thrColFixHdr">Health</a></li>
      <li><a href="happiness.html" class="thrColFixHdr">Happiness</a></li>
      <li><a href="#" class="thrColFixHdr">Opportunities</a></li>
      <li><a href="#" class="thrColFixHdr">Seminars</a></li>
      <li><a href="#" target="_top" class="MenuBarItemSubmenu">Store</a>
        <ul>
          <li><a href="Books.html" target="_top">Books</a></li>
          <li><a href="posters.html" target="_top">Posters</a></li>
        </ul>
      </li>
      <li><a href="#" class="thrColFixHdr MenuBarItemSubmenu">Stress Release</a>
        <ul>
          <li><a href="crossword_main_page.html">Crossword</a></li>
          <li><a href="jigsaw_things.html">Jigsaw</a></li>
        </ul>
      </li>
<li><a href="advertising.html" class="thrColFixHdr">Advertise</a></li>
<li><a href="membership.html" class="thrColFixHdr">Members</a></li>
      <li><a href="about_us.html" class="thrColFixHdr">About us</a></li>
    </ul>
</div>
<div id="search">
<form name="fbsearch" method="get" action="http://ss662.fusionbot.com/b/q" style="margin:0;">
<div align="left"><font size="2" face="arial"><a href="http://www.fusionbot.com" target="_blank">Site Search</a>:</font>
    <input type="text" name="keys" size="15">
    <input type="submit" value="GO">
    </div>
    <input type="hidden" name="sn" value="160516902">
</form>
</div>
<div id="nav2"><a href="http://pub27.bravenet.com/chat/show.php?usernum=2253679465&cpv=2"><img src="_image/Chat-with-friends-&-network.gif" width="173" height="25" alt="chat" /></a><a href="http://pub27.bravenet.com/calendar/show.php?usernum=2253679465"><img src="_image/calendar_button.gif" width="173" height="25" alt="calendar" /></a><a href="http://pub27.bravenet.com/postcard/post.php?usernum=2253679465"><img src="_image/Send-Some-Love-Today.gif" width="173" height="25" alt="send some love" /></a><a href="comments.html"><img src="_image/Your-comments-please.gif" width="173" height="25" alt="your comments" /></a></div>
<div id="chat">
    
    <div align="center"></div>
    
</div>

<p> </p>
<div id="healthLeft">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_259055d2-c397-4de3-a156-df6e49cfcab4" WIDTH="300px" HEIGHT="250px"> <PARAM NAME="movie" VALUE="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V200708 22%2FUS%2Fgreenpwwhh-20%2F8003%2F259055d2-c397-4de3-a156-df6e49cfcab4&Operation= GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V200708 22%2FUS%2Fgreenpwwhh-20%2F8003%2F259055d2-c397-4de3-a156-df6e49cfcab4&Operation= GetDisplayTemplate" id="Player_259055d2-c397-4de3-a156-df6e49cfcab4" quality="high" bgcolor="#ffffff" name="Player_259055d2-c397-4de3-a156-df6e49cfcab4" allowscriptaccess="always" type="application/x-shockwave-flash" align="middle" height="250px" width="300px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V200708 22%2FUS%2Fgreenpwwhh-20%2F8003%2F259055d2-c397-4de3-a156-df6e49cfcab4&Operation= NoScript">Amazon.com Widgets</A></NOSCRIPT>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>

<div id="healthMid">
    <p>health articles go here</p>
<p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>

<div id="healthRight">
    <div id="healthVideos">
      <div id="healthVideoHead">Videos</div>
      <div id="healthvideoContent">
        <ul>
          <li><a href="ten best foods to eat.html" target="_top">10 best foods to eat</a></li>
          <li><a href="ten worst foods to eat.html" target="_top">10 worst food to eat</a></li>
          <li><a href="ten worst drinks.html" target="_top">10 worst drinks</a></li>
          <li><a href="whole foods and weight loss.html" target="_top">Whole foods & weightloss</a></li>
          <li><a href="super foods.html" target="_top">Super foods</a></li>
          <li><a href="sugar effects 1.html">Sugar is very bad 1</a></li>
          <li><a href="sugar effects 2.html">Sugar is very bad 2</a></li>
          <li><a href="mother of all illness.html" target="_top">Mother of your illness</a></li>
          <li><a href="meat or vegetables.html" target="_top">Meat or vegetables</a></li>
          <li><a href="healthy ways to lose weight.html" target="_top">Healthy weightloss</a></li>
          <li><a href="food for the mind.html" target="_top">Food for the mind</a></li>
          <li><a href="fiber facts.html" target="_top">Fiber facts</a></li>
          <li><a href="fiber fakes.html" target="_top">Fiber fakes</a></li>
          <li><a href="life saving food tips.html">Life-saving food tip</a></li>
        </ul>
        <p> </p>
        <p> </p>
      </div>
      <div id="healthArticles">
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
      </div>
      <div id="healthResources">
        <div id="healthResourceHead">Resources</div>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
      </div>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
    </div>
    <p><a href="ten worst foods to eat.html" target="_top"></a></p>
    <p> </p>
    <p> </p>
</div>
<div id="healthFooterAd">Content for id "healthFooterAd" Goes Here</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<br class="clearfloat" />
<div id="footer">
    <p>Copyright © GreenP. All rights reserved. Site designed by Patrick L Green</p>
    
</div>

</div>
<script type="text/javascript">

</script>
</body>
</html>

Hi
They are different because of the way IE/Opera and FF/Safari handle list indents, you will have to change the default margin and padding values to achieve a consistent list positioning, (do not forget negative values are allowed).
See the section on positioning in this article for more info - http://www.alistapart.com/articles/taminglists/.
PZ

Swing applet looks different in browser than in applet viewer

I'm developing an applet using Net Beans 5.0. When I run the applet in the applet viewer I get a totally different look and feel than when I run the applet in a web broser. The background colors are different, the buttons are a totally different style and color, and some buttons that show up essentially transparent in the applet viewer are totally opaque in the browser.
The applet viewer is the one that looks like the interface that I designed in the Net Beans GUI builder, so can anyone tell me how I make it look the same in a Web Browser?

It looks like you're right, so how do I ensure that
my applet will look the same on different versions of
JVM? There's got to be a way, right??yes. you should look into javas pluggable look and feel system.
the cross-platform (java) look and feel changed dramatically between versions 1.3, 1.4, and 1.5.
however, if you use another look and feel, such as motif, or perhaps your system's look and feel (windows, mac, etc), the program should look pretty much the same (perhaps a little different, but not like the differences in the Java look and feel).
if you want to be COMPLETELY sure that they will always look the same, select a third party look and feel that comes packaged in a jar file that you are free to distribute with your applet.
Some good third party look and feels are JGoodies Plastic, and Incors Alloy. And there are others.
if you use one of those, it should look pretty well the same on all platforms, and in all JVM's.
- Adam

Created site in IWEB 08, works on Safari but looks different with Firefox?

I created a site with Iweb 08. I used Safari as the viewing browser and was happy with how the site looked. I then used Fetch to FTP the folder to the web server. When viewing the page on the server with Safari it was great, but when viewed with Firefox it was all frigged up. I didn't try it with Internet Destroyer cause personally I don't like it. I then published the page folder to Web.Mac.Com. The site works great on both browsers when accessed through web.mac.com. Is there something missing when accessing the site on my original server? My thought now is to remove the site from the original server and just bite the bullet and fly it on web.mac.com. Appreciate any thoughts

I think part of my problem was trying to move content made with Dream Weaver into IWEB. My site was made with Dream weaver originally. I pasted it into IWEB, thinking it was possible to do. It was to a point. I had to redo all my links and buttons and so on, but the pictures and text content seemed to look fine. After somewhat completing the site I published to a folder and used Fetch FTP to move the site to the server I was using. That is when i got the different looks in different browsers. I then published to the .mac server as I had a 60 day free trial. Low and behold the site looked good on the 2 browsers I have on my new IMAC. I switched over to the Windows side of the IMAC and logged into the site with IE 7. It looked good there too. So I ended up going with the .mac account to host the site
www.unitedpuett.com. I then had to redirect from Network Solutions, my registrar for the site, so when the address was typed in it would direct to the .mac server. This was another chore but was solved easily by
http://networkcreators.ning.com/profiles/blog/show?id=492224%3ABlogPost%3A50148
It all seems to work as it should.
On another note, i read that Microsoft was releasing IE 8 beta. The big change was they were finally standardizing their browser to match all the others when opening pages.

Site Looks Different in Firefox ?

Title says it all - the text, pictures are all different from
what it looks like in Internet Explorer. Is there a way to fix it
so it looks alright in ALL browsers?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">

<title>Untitled Document</title>

<style type="text/css">

</style>

<script src="../SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css"
rel="stylesheet" type="text/css">
</head>
<body>
<div id="headline1">
<div align="center" class="style2">Free
Estimates</div>
</div>
<div class="style2" id="apDiv1">
<div align="center">No Job Too Big or
Small</div>
</div>
<div class="style2" id="apDiv2">
<div align="center">(419) 852 - 1390</div>
</div>
<div class="style2" id="apDiv3">Site by <span
class="style3">_</span><a
href="www.fortsitesolutions.com"><img src="../FSSlogo.jpg"
alt="Fort Site Solutions" name="FortSiteLogo" width="251"
height="65" border="0" id="FortSiteLogo" longdesc="
http://www.fortsitesolutions.com"></a></div>
<div class="style2" id="apDiv4">
<div align="center">We strive for your
satisfaction!</div>
</div>
<div class="style2" id="menu">
<ul id="Fortkamp_Menu" class="MenuBarVertical">
<li><a href="#">Home</a> </li>
<li><a href="#">About</a></li>
<li><a class="MenuBarItemSubmenu"
href="#">Services</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item
3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
<p> </p>
</div>
<table width="741" height="730" border="2" align="center"
cellpadding="0" cellspacing="0" bordercolor="#003300"
id="Fortkamp_Foam">

<tr>
<td height="104" colspan="2" valign="top"
bgcolor="#006600"> </td>
</tr>
<tr bordercolor="#006600">
<td height="46" colspan="2" valign="top"
bgcolor="#003300"> </td>
</tr>
<tr>
<td width="197" height="496" valign="top"
bgcolor="#006600"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><span class="style4">.</span><img
src="../images/100_2552.jpg" alt="" name="instulations" width="93"
height="84" id="instulations"> <img
src="../images/100_2553.jpg" alt="" name="instulations2" width="93"
height="84" id="instulations2"></p>
<p align="left"><span
class="style4">.</span></p></td>
<td width="536" align="center" valign="top"
bordercolor="#FFFF99" bgcolor="#FFFFCC">
<p> </p>
<p align="left"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p align="right"> </p>
<p> </p>
<p align="right"> </p>
</td>
</tr>
<tr bgcolor="#003300">
<td height="80" colspan="2"
valign="top"> </td>
</tr>
</table>
<script type="text/javascript">

</script>
</body>
</html>

Page looks different in Dreamweave than online...why?

This is a fairly basic question, but it's driving me nuts! When I look at my menu in dreamweaver, it looks like this:
But when it's live it looks normal, like this:
Does anyone know why that happens? I think it has something to do with the
position: relative
in the menu DIV tag but it's the only way I know how to position the menu where I want it.
Also, what is that black box off to the left side in the first screen shot? I can't find anything in my code that would create it. Here is the style sheet code (still a work in progress, please bear with me):
body {background: #e1eae6;
      background-image:url(_img/wave.jpg);
      padding: 0;
      margin: 0;
      margin-bottom: 100px;
      font-family: "Arial", sans-serif;
h1 { width: 198px;
height: 50px;
h2 {
    color: #afd1c1;
    font-size: 9px;
    font-family: "Arial", sans-serif;
    position: relative;
    bottom: -45px;
h3 {
    color: #7da391;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    width: 600px;
    text-align: justify;
h4 {
    color: #074573;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    text-align: justify;
    padding-bottom: 0px;
h5 {
    color: #7da391;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    text-align: justify;
.stmnt {
    color: #074573;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    width: 540px;
    text-align: justify;
.stmntheader {
    color: #074573;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    width: 540px;
    text-align: justify;
.arrow {
    color: #074573;
.text {
    color: #7da391;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    font-weight: bold;
a {
   color: #7da391;
   text-decoration: none;
   font-family: "Arial", sans-serif;
a.copy {
   color: #afd1c1;
   text-decoration: none;
   font-family: "Arial", sans-serif;
a:hover { color: #074573;
          text-decoration: none;
          font-family: "Arial", sans-serif;
a:active {
    text-decoration: none;
    color: #074573;
    font-family: "Arial", sans-serif;
/*CENTERING AND WIDTH - CONSISTENT ON ALL PAGES*/
#all {
    position: relative;
    top: 25px;
    margin: 0px auto;
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    width: 777px;
    background: #ffffff;
    border:none;
/* BEGIN NAVIGATION */
#menu li {position: relative;
          left: -38px;
          top: -10px;
          padding-right: 25px;
          list-style-type: none;
          display: inline;
          color: #7da391;
          font-family: "Arial", sans-serif;
          font-size: 13px;
/* END GLOBAL NAVIGATION */
and here is the HTML code for the menu portion of that particular page (all pages with the same menu behave this way though):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>
<title>Liz Lantz Photography | Sirens - Photographs of Women in Surfing </title>
<link href="../_main_test.css" rel="stylesheet" type="text/css"><script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-4396735-2']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body>

<div id="all">

<h1><a href="http://www.lizlantz.com"><img src="../_img/logo.jpg" border="0" alt="Liz Lantz Photography"/></a></h1>
<div id="menu">
<ul>
<li><a href="_menu.htm">PORTFOLIO</a>
<li><a href="../_info.htm">INFO</a> </li>
<li><a href="../_contact.htm">CONTACT</a> </li>
<li><a href="../_links.htm">LINKS</a> </li>
<li><a href="http://blog.lizlantz.com" target="_blank">BLOG</a></li>
</ul>
</div>


<table align="center" bgcolor="#ffffff" cellpadding="4" width="540">
<tr>
<td align="center"><a href="siren01.htm"><img src="thumbs/siren01.jpg" border="0" width="100" height="100" /></a></td>
<td align="center"><a href="siren02.htm"><img src="thumbs/siren02.jpg" border="0" width="100" height="100" /></a></td>
<td align="center"><a href="siren03.htm"><img src="thumbs/siren03.jpg" border="0" width="100" height="100" /></a></td>
<td align="center"><a href="siren04.htm"><img src="thumbs/siren04.jpg" border="0" width="100" height="100" /></a></td>
<td>
<div align="center"><a href="siren05.htm"><img src="thumbs/siren05.jpg" border="0" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren06.htm"><img src="thumbs/siren06.jpg" border="0" /></a></div>
</td>
<td>
<div align="center"><a href="siren07.htm"><img src="thumbs/siren07.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren08.htm"><img src="thumbs/siren08.jpg" border="0" /></a></div>
</td>
<td>
<div align="center"><a href="siren09.htm"><img src="thumbs/siren09.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren10.htm"><img src="thumbs/siren10.jpg" border="0" width="100" height="100" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren11.htm"><img src="thumbs/siren11.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren12.htm"><img src="thumbs/siren12.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren13.htm"><img src="thumbs/siren13.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren14.htm"><img src="thumbs/siren14.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren15.htm"><img src="thumbs/siren15.jpg" border="0" width="100" height="100" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren20.htm"><img src="thumbs/siren20.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren17.htm"><img src="thumbs/siren17.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren21.htm"><img src="thumbs/siren21.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren18.htm"><img src="thumbs/siren18.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren25.htm"><img src="thumbs/siren25.jpg" border="0" width="100" height="100" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren16.htm"><img src="thumbs/siren16.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren27.htm"><img src="thumbs/siren27.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren22.htm"><img src="thumbs/siren22.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren26.htm"><img src="thumbs/siren26.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren19.htm"><img src="thumbs/siren19.jpg" border="0" width="100" height="100" /></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="siren23.htm"><img src="thumbs/siren23.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"><a href="siren24.htm"><img src="thumbs/siren24.jpg" border="0" width="100" height="100" /></a></div>
</td>
<td>
<div align="center"></div>
</td>
<td>
<div align="center"></div>
</td>
<td>
<div align="center"></div>
</td>
</tr>
<tr>
<td colspan="5"><p class="stmnt" align="justify">SIRENS<br />
2007-Present<br />
San Diego County, CA<br>
<br>Work in progress - statement coming soon. Email me with comments and inquiries.</p>
</td>
</tr>
</table>
 
<h2>Site design & content © 2010 Liz Lantz<br /> Background pattern © 2010 <a href="http://laracameron.com/" target="_blank" class="copy">Lara Cameron</a></h2>
</div>
</body>
</html>

You are mixing in a lot of XHTML in an HTML doctype:
http://validator.w3.org/
Fix some of those errors to get yourself started.

Images look different in Lightroom than in Windows viewer

I just bought a new NEC monitor, but had this problem with my old monitor too. I'm actually guessing its not a monitor issue at all.
When I view and edit an image in Lightroom then export it as a JPG it looks way more red and more saturated in windows viewer than in lightroom. My monitor is calbrated using a Spyder2. Is there a way to make my windows viewer have the same color? I hate having to open another application to review the edits.
Thanks
Chyna

Lee Jay wrote:
thedigitaldog wrote:
The Windows viewer, unlike Lightroom (or Photoshop and others) is not color managed. The previews in that app are incorrect. No, there is no way to make a stupid non color managed app, color managed.
Well, yeah, but you could export in sRGB and get a lot closer.
What’s the old saying? Close only counts in atom bombs?
Saving sRGB may get “closer” but it doesn’t ensure a match. Only using ICC aware applications can get us to that goal. And assuming someone, like myself is using an extended gamut display, something far closer to Adobe RGB (1998), an sRGB image in a non color managed app will look butt ugly. So no, this is not a solution. Using ICC aware software to view your images IS!

Font on Facebook looks different on Firefox than IE?

Similar Messages

Maybe you are looking for