My website suddenly looks wonky with Firefox, but not with Safari. I've tried everything. Help!
I've used Firefox for years and have the most recently updated version, but the website I created and maintain is suddenly wonky on Firefox--text out of alignment, fonts look weird, pictures overlap text. I've tried every fix you suggest--every one! The website looks fine on Safari. What's going on, and how can I fix it?
All Replies (4)
Can you attach a screenshot?
- http://en.wikipedia.org/wiki/Screenshot
- https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
Use a compressed image type like PNG or JPG to save the screenshot.
Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
- Press and hold Shift and left-click the Reload button.
- Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
- Press "Command + Shift + R" (MAC)
If you have increased the minimum font size then try the default setting "none" in case the current setting is causing problems.
- Firefox > Preferences > Content : Fonts & Colors > Advanced > Minimum Font Size (none)
Make sure that you allow websites to choose their fonts.
- Firefox > Preferences > Content : Fonts & Colors > Advanced > [X] "Allow pages to choose their own fonts, instead of my selections above"
I do see that the "Oktoberfest Corte Madera" text is so large that it doesn't fit and get cut off with "Ma" (Google Chrome shows the same as Firefox)
You may want to change that from font-size:63px; to something like font-size:50px;
Firefox 14 and 15 have made some changes to how fonts are rendered. This has particularly affected raster/bitmap fonts. I don't know whether it is having any effect on "Arial Rounded MT Bold". "Lucida Grande" has been identified as having problems on Windows, but this font is very unusual on Windows if you never installed Safari.
For what it's worth, the text does not fit correctly in Internet Explorer 8 (Windows 7), either.
My #1 suggestion is to not bold already-bold fonts like "Arial Rounded MT Bold". Hopefully this is an easy change, but I'm not familiar with the iWeb platform.
Edit: Just be clear, here is one example:
.paragraph_style_2 { color: rgb(255, 255, 255); font-family: 'ArialRoundedMTBold', 'Arial Rounded MT Bold', 'Arial', sans-serif; font-size: 23px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: 700; ... }
Change font-weight:700 to font-weight:normal.
See attached screen shot for comparison.
P.S. I wouldn't turn down an invitation to this event. ;-)
jscher2000 - Support Volunteer trɔe
Thanks for your suggestions. I appreciate your time and attention to this problem.
This website has been up for several years, updated each time our annual Oktoberfest celebration approaches, and there's never been any problem viewing it correctly on either Firefox or Safari. Only after I upgraded my OS X to Mountain Lion yesterday did it go wonky on Firefox. Believe me, I've tried all the reload, refresh, restore, reboot, etc.,etc., and nothing makes it look okay on Firefox now. I have to believe it's some kind of incompatibility between Mountain Lion and Firefox.
Attached are screen clips of the Home Page as it appears right now on the (1) Domain Site, (2) Safari, and (3) Firefox. There was never a problem with the text being too large and the fonts looking weird until I installed Mountain Lion yesterday. Coincidence? I doubt it, but am eager to get it fixed one way or another. Your suggestions may help me do that.
For what it's worth, cor-el is viewing the site on Linux and I am viewing it on Windows. No Mountain Lions anywhere in sight. :-)
For future reference, if you do not have access to other operating systems for viewing, you can try Browsershots.org. (To keep rendering times down, try just a few browsers at a time.)