Website displays differently in firefox only

Ive built a site and it displays fine in chrome and internet explorer but in firefox the second javascript slider is displayed to the far right side of the homepage instead of under the first slider like the other browsers display it. Not sure what is going on. I am using firefox 31.0 and html 4.01.

A good place to ask advice about web development is at the mozillaZine "Web Development/Standards Evangelism" forum.
*http://forums.mozillazine.org/viewforum.php?f=25
The helpers at that forum are more knowledgeable about web development issues.
You need to register at the mozillaZine forum site in order to post at that forum.

Similar Messages

On my Mac, why do websites display differently with FireFox than Safari.

I have been using FireFox on my Mac and prefer it over Safari, BUT recently, some, not all, websites are not displaying correctly! When I use Safari all the content is there and the websites display as they are supposed to. (I tried to insert a screen shot but unable to do so) I have the most current FF version installed, unless FireFox is not happy with my older MAC OS ??

Thank you for the info!! Attached are a few screenshots to show the problem - I now know how to do a screen shot! thx.... anyway note on the Ancestry shot Safari shows a male or female head whereas Firefox show a simple symbol for male/female. I spoke with Ancestry and it is supposed to be the male/female head icons that are displayed. In the Yahoo shot Safair displays the icons and names for reply, delete etc but Firefox has some icon that only if you hover over it will it then display the name or what it is. this is very perplexing as I really prefer Firefox over Safari... any help will be appreciated! thank you

Images displayed differently in Firefox

I have a Dreamweaver page that displays normally in IE. But when I open it in firefox, one of the elements is displayed differently. Specifically, I have some social media icons that are supposed to be displayed horizontally, and they are in IE. But when I open the same page in Firefox, it displays those same icons vertically. How can I correct that? Thanks.
http://www.blackexpotourweb.com/hampton.html

This is what I see
<style type="text/css">
html {
    background-color: #000;
    height: 100%
body {
    width: 1000px;
    margin: auto;
    background: url(http://www.keystonemkg.com/Hampton.gif) no-repeat;
    height: 800px;
    position:relative;
    background-image: url(Hampton.gif);
.maintext {
    font-family: "Courier New", Courier, monospace;
#apDiv1 {
    position:absolute;
    width:174px;
    height:305px;
    z-index:1;
    left: 289px;
    top: 329px;
#apDiv2 {
    position:absolute;
    width:328px;
    height:449px;
    z-index:2;
    left: 138px;
    top: -49px;
#apDiv3 {
    position:absolute;
    width:137px;
    height:126px;
    z-index:2;
    left: 448px;
    top: 417px;
.infotext {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFF;
siteinfo {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    color: #000;
.siteinfo {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
#apDiv4 {
    position:absolute;
    width:715px;
    height:22px;
    z-index:3;
    left: 253px;
    top: 804px;
#apDiv5 {
    position:absolute;
    width:170px;
    height:242px;
    z-index:4;
    left: 46px;
    top: 408px;
    text-align: center;
dropsha {
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
#apDiv6 {
    position:absolute;
    width:883px;
    height:62px;
    z-index:5;
    left: 71px;
    top: 141px;
    vertical-align: middle;
    text-align: center;
#apDiv7 {
    position:absolute;
    width:170px;
    height:69px;
    z-index:4;
    left: 51px;
    top: 710px;
    text-align: center;
#apDiv4 .infotext .siteinfo {
eventtext {
    font-family: Georgia, "Times New Roman", Times, serif;
#apDiv8 {
    position:absolute;
    width:181px;
    height:27px;
    z-index:6;
    left: 281px;
    top: 327px;
    font-weight: bold;
a:link {
    color: #FFF;
a:hover {
    color: #F00;
#apDiv9 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:6;
    left: 16px;
    top: 764px;
.maintext1 {    color: #FFF;
    font-family: Georgia, "Times New Roman", Times, serif;
#apDiv10 {
    position:absolute;
    width:115px;
    height:36px;
    z-index:6;
    left: 831px;
    top: 716px;
    float: left;
#rightjust {
    text-align: right;
#apDiv11 {
    position:absolute;
    width:868px;
    height:53px;
    z-index:7;
    left: 77px;
    top: 214px;
    text-align: center;
</style>
What you need to do is add the bold part into this as per
<style type="text/css">
html {
    background-color: #000;
    height: 100%
body {
    width: 1000px;
    margin: auto;
    background: url(http://www.keystonemkg.com/Hampton.gif) no-repeat;
    height: 800px;
    position:relative;
    background-image: url(Hampton.gif);
.maintext {
    font-family: "Courier New", Courier, monospace;
#apDiv1 {
    position:absolute;
    width:174px;
    height:305px;
    z-index:1;
    left: 289px;
    top: 329px;
#apDiv2 {
    position:absolute;
    width:328px;
    height:449px;
    z-index:2;
    left: 138px;
    top: -49px;
#apDiv3 {
    position:absolute;
    width:137px;
    height:126px;
    z-index:2;
    left: 448px;
    top: 417px;
.infotext {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFF;
siteinfo {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    color: #000;
.siteinfo {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
#apDiv4 {
    position:absolute;
    width:715px;
    height:22px;
    z-index:3;
    left: 253px;
    top: 804px;
#apDiv5 {
    position:absolute;
    width:170px;
    height:242px;
    z-index:4;
    left: 46px;
    top: 408px;
    text-align: center;
dropsha {
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
#apDiv6 {
    position:absolute;
    width:883px;
    height:62px;
    z-index:5;
    left: 71px;
    top: 141px;
    vertical-align: middle;
    text-align: center;
#apDiv7 {
    position:absolute;
    width:170px;
    height:69px;
    z-index:4;
    left: 51px;
    top: 710px;
    text-align: center;
#apDiv4 .infotext .siteinfo {
eventtext {
    font-family: Georgia, "Times New Roman", Times, serif;
#apDiv8 {
    position:absolute;
    width:181px;
    height:27px;
    z-index:6;
    left: 281px;
    top: 327px;
    font-weight: bold;
a:link {
    color: #FFF;
a:hover {
    color: #F00;
#apDiv9 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:6;
    left: 16px;
    top: 764px;
.maintext1 {    color: #FFF;
    font-family: Georgia, "Times New Roman", Times, serif;
#apDiv10 {
    position:absolute;
    width:115px;
    height:36px;
    z-index:6;
    left: 831px;
    top: 716px;
    float: left;
#apDiv10 img {
    float: left;
#rightjust {
    text-align: right;
#apDiv11 {
    position:absolute;
    width:868px;
    height:53px;
    z-index:7;
    left: 77px;
    top: 214px;
    text-align: center;
</style>
and remove the float: left that you placed in the meantime under #apDiv10
Gramps

Website completely different in Firefox and Explorer

My apologies if this question has been previously asked.
I am a newbie to Firefox, when I log on to a particular website in Firefox it differs greatly from the IE view, the text is much smaller and portion of the formatting cells are evident.
I have cleared cache/cookies to no avail.

If the website uses the ''alt'' attribute instead of the ''title'' attribute then you won't see tooltips in Firefox. Only IE displays the alt text as a tooltip, but that attribute is meant to show if the image can't be displayed and is not meant as the tooltip.
*http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/

Page Displays Different in Firefox

I am new to web site development and new to Dreamweaver. When I display the webpage in FireFox 3.6.3, the header picture shows below the logo on the left. It displays fine in IE. BTW, the font choice is not mine I tried to talk the person out of it.
http://www.mulberrylanehillsdale.com/sample3.html

You answered to the most little part of my comment (there was a suggestion for paged medias or for rendering on smaller displays, but this was not so critical, you should have seen it).
The main point was about font smooting, that you have enabled in ALL browsers, EXCEPT Firefox on Windows.
And this gives really a bad/unfair view of what is really Firefox on Windows.
If one wanted to test a page for Firefox on Windows, he would certainly expect to see what he really sees on its PC, now most often with a flat panel display with pixel precision, but certainly not the non-smoothed rendering which is only for those users that have CRT displays.
That's why I was not suggesting really an expansion of the number of browsers. But:
- if you have renderings for some browsers WITHOUT font smoothing, offer it on ALL browsers, to be fair
- if you also have renderings for some browsers WITH font smoothing, offer it on ALL browsers, to be fair
In other words, it should be a generic display option, that is independant of the browsers tested, and that should be selected by your users in their preferences, according to their own preferences: if a browser only supports one option (with or without font smooting), just display this version, otherwise, use the selected option on all compared browsers.
And you will then see that most of your users are already preferring the pages rendered on any browser with the font smoothing enabled.
Don't use the Microsoft's ClearType option, which uses subpixel precision, as it would require you to manage at least two versions: for display on your site with a RGB panel, or with a BGR panel : subpixel order would then have to be selected, adding two other versions of the same page for the same browser on the same OS... Instead just offer the pixel-level only smoothing, where smoothing applied equally to all R/G/B subpixel color planes, so that a black font on white background will be smoothed only using only "white-gray-black" full pixels without position-dependant colors).
Side notes:
For the long term, note that subpixel precision will be deprecated/obsoleted sooner or later (including on small display panels such as mobile phones, that will be the first to offer the highest pixel densities):
It should be up to the display panel technology to map internally the standard sRGB colors (computed by softwares or in digital image formats or in web browsers and other computer GUI interfaces) to actual subpixels in a pixel (which may have different patterns, different coverage, different relative positions, possibly also 4 subpixels or more, just like with new Yamaha HDTV sets that use a non rectangular grid for the arrangement of subpixels, and that also use an additional yellow or white subpixel). Subpixel rendering technologies in software will also be deprecated because the display panel technologies will continue to improve to offer higher pixel densities, up to a level where the position of subpixels will not be noticeable : only the full-pixel smoothing will remain as it will reduce a lot the CPU/GPU cost of rendering and will be much faster to compute, using also less memory for finally the same resolution.
Subpixel smoothing anyway is patented, and only a temporary "cheap" solution that can be implemented in CPU/GPU software, as long as flat panels don't have a higher pixel density (i.e. measured in full pixels per inch, not in colored subpixels per inch). These subpixel software technologies are in fact a nocive brake to allow the technical evolution of hardware display panels (the existing panels using rectangular R/G/B girds arranged in parallel vertical stripes have a poor color gamut, and display noisy color artefacts, as demonstrated by ClearType). The true evolution will not be in software but in hardware display panels, that will still benefit a lot from full-pixel font-smoothing only:
- for example, the existing software subpixel artificially smoothing triples the horizontal resolution (but effectively only doubles the apparent horizontal resolution, due to correction of color artefacts), but do not increase the vertical resolution which remains poor. This gives an anisotropic result, which is desastrous for natural photographs or videos).
- newer hardware subpixels arrangements (such as Yamaha's) can effectively double BOTH the horizontal and vertical resolution (and not just for text, but also for photos), using exactly the SAME subpixel density, and will produce a much better isotropic result without color artefacts (fair for high-fidelity colors and smooting of photos and video): this means similar costs of production of these panels, that should already be available in shops today and on notebooks, if this was only compatible with subpixel rendering softwares such as Microsoft's ClearType. and for now, we can't still have them on cheap PCs and notebooks, but only on the most expensive HDTV sets (notably the largest 1080p screens, whose size is more than 35 inches): note that these HDTV sets are also used for computer display (notably as a secondary "theater" screen for playing digital videos on online VOD contents) and for them the subpixel font-smoothing softwares have absolutely no use, only full-pixel smoothing will work correctly.

Why does the website display white blank pages only?

Hello:
I use Firefox 13.0.1 on a Mac OS X, and I often go to www.wenxuecity.com for news. But, in the past couple of days, when I type in that address in the URL window, only a white blank page shows up. Nothing else! If I use Google to find direct links to a few news items at that website and click the links, I also get white blank pages. No error message or anything else.
Could you tell what is going on here?
Many thanks!

Is the page completely blank or is there still some content visible?
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.
You can also try to check the Net log in the Web Console (Web Developer > Web Console;Cmd+Shift+K) to see if that bring up errors about loading files.<br />
You can double click a net log entry to see more details.
*https://developer.mozilla.org/en/Tools/Web_Console
*https://developer.mozilla.org/en/Using_the_Web_Console
You need to reload web page(s) and bypass the cache to refresh all files with the Web Console panel open.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Cmd + Shift + R" (MAC)

Some Web sites are displayed differently in Firefox 4 in case they are installed different OS, in this case it is a win 7 - Ultimate and Windows XP Pro? how do I fix it?

"Sportska Kladionica" look different (in two rows) in Firefox 4 with OS Win 7, and in Firefox 4 with Win XP Pro (in one row).

Reset the page zoom on pages that cause problems: <b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
* http://kb.mozillazine.org/Zoom_text_of_web_pages

Nested lists display differently in Firefox vs IE7

Hi All, I hope you can help me out here.
I am having trouble getting nested lists to appear properly in Firefox as opposed to IE7.
The code that appears around the tex (list a, b, etc) is in the the graphic below (I could not upload the file and could not paste the code in here).
Below is a screen capture showing you the problem.
Can you please help me fix this? I need to release the project by June 19 and we really don't want to say "for optimal viewing in IE7 or higher".
If I need to do something in the .css, please be detailed in your explanation, as I am still learning!
Thanks
Deborah

Hi there
You could type the code.
You could also grab a screen shot of it and insert the screen shot. If that's what you choose, please use the Camera icon and don't attach it.
Cheers... Rick
Begin learning RoboHelp HTML 7 within the day - $24.95!
Click here for Adobe Certified Captivate and RoboHelp HTML Training
Click here for the SorcerStone Blog
Click here for RoboHelp and Captivate eBooks

Thumbnails are not displayed correctly in Firefox, but displayed correctly in Safari and G. Chrome

Firefox display problems regarding this customers site:
http://gardenia.dk/collections/collection/
Thumbnails are not displayed correctly in Firefox - only a tiny bit of the picture is visible, incorrect scale (displayed correctly in Safari and Google Chrome).
Can I do anything to make it work in Firefox, too?
Kind regards,
Annette

This article might help you-
https://support.mozilla.org/en-US/kb/websites-look-wrong-or-appear-differently

Safari, IE, and Firefox display website type differently.

I've designed my website off of a template from Muse-themes.com, which uses Adobe Typekit. When I view the website in different web browsers the type looks different in each one. What could the issue be? The website is www.liveimagegreenscreen.com
IE: Website looks the best in IE.
Safari: Type is very jagged and difficult to read.
Firefox: When the page is first loaded a different font appears, then changes to the correct font.

This is "normal" web font behavior. Each browser has it's own technology for layout out and rasterizing (specifically anti-aliasing) text. Therefore even the exact same font will appear subtlely (or sometimes not so subtlely) different in two different browsers. Short of converting the text to images (which has a lot of drawbacks) I'm not aware of any way around this. Some viewers prefer the appearance of text in IE, others prefer Safari and still others prefer Firefox. The anti-aliasing of the text is not under the website author's control. The viewer selects it consciously or unconsciously by their choice of browser.
The issue is similar for the temporary load of the text in Firefox. Firefox seems to be generally biased toward showing content the moment it can, even if layout is incomplete. Some viewers prefer this, since they (at least theoretically) can begin reading the content sooner, before the initial loading and layout is complete. Other browsers lean more toward an approach that waits to display the page content until more is loaded and initial layout is complete. Some viewers prefer this approach.
The Flash Of Unstyled Text is referred to as FOUT. There are numerous hacks documented online that attempt to get around it. To my knowledge, to date, there is no satisfactory solution to avoiding this in all browsers.

Chrome and Firefox only display phone version of Muse website and not the desktop content

My website workeffects.com was working properly a couple of weeks ago - desktop, tablet and phone. For some reason, now the desktop version only appears when it's viewed in Safari --- Chrome and Firefox only display the phone version of the site.
Please help. I have clients that need to see the desktop version.
I have Creative Cloud and everything is up to date on the software.
Wendi

The desktop version of my site (workeffects.com) loads properly for Safari and Internet Explorer, but when the site is viewed in Firefox or Chrome it only shows the Phone version of the site. Please make a recommendation on how to fix this issue.

Firefox displays my website wrong, but it's only happening on one user's computer

A user reported that the web site i'm developing didn't display correctly in Firefox 3.6.3. I upgraded my own Firefox to 3.6.3, but I couldn't reproduce the issue. As no one else has reported the issue, I assume there's a problem with the user's instance of firefox. But what could it be?
You can see the issue by comparing http://www.gotfalafel-nh.com to http://www.gotfalafel-nh.com/issue.pdf
Does anyone have any clue what I can recommend to the user to fix this issue? Or is it something wrong on my end? I apologize if you need more information -- this is the best I can do without being able to duplicate the issue myself.
Thank you very much for any help.
== URL of affected sites ==
http://www.gotfalafel-nh.com
== User Agent ==
Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.1.249.1064 Safari/532.5

Such issues can be caused by enabling HTTP pipelining.
http://kb.mozillazine.org/Images_or_animations_do_not_load#Images_do_not_load
http://kb.mozillazine.org/Network.http.pipelining

PDFs display differently in Internet Explorer 9 versus FireFox

We use Adobe Reader X in all cases (10.4.1)
On old computer, we have a website we go to using Internet Explorer (version 8.x on XP) where we ope/save & print to a PDF file. The information on the PDF prints vaules in a certain order - for example:   A,B, C    --works great--this is what we want it to do.
We buy a new computer, Windows 7 with IE9, and the PDF displays with the same values in this order: C,B, A -   not good, do not want that.
We try FireFox on the new computer -- works great --just like it did on the old computer.
What setting in IE9 is causing this PDF to display differently than in FireFox (or IE8)?
UPDATE: We did load IE8 on Windows 7 (by uninstalling IE9) and the PDF works fine --so it's not just something unique to FireFox. IE9 is displaying information in this PDF differently--why?

Add/update these params in your web.xml and redeploy so the style class names are not optimized and client debugging is easier.
<context-param>
    <param-name>org.apache.myfaces.trinidad.DEBUG_JAVASCRIPT</param-name>
    <param-value>true</param-value>
</context-param>
<context-param>
    <param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
    <param-value>true</param-value>
</context-param>

Website not displaying correctly. Firefox is changing the character set to Western (ISO-8859-1) automatically.

Normally I have set Firefox (or it's set by default) to Character Set Unicode (UTF-8) and everything displays perfectly. I've never had a problem before.
Now however, whenever I upload my own website, for some bizarre reason on that particular tab (and only that tab) the Character Set is changed over to Western (ISO-8859-1) and then there's a few characters within my site that do not display correctly, namely apostrophes and hypens.
It definitely isn't my software (Serif WebPlus X4) because the page displays correctly in every other browser. Plus it displays correctly in Firefox if I change the Character set back to Unicode.
PS The site is a work in progress

That happens because the server sends a content-type (<b>text/html; charset=ISO-8859-1</b>) via the HTTP response headers and in that case that content type prevails. The page code is saved with an UTF-8 byte order mark (ï»¿) that you see in this case.
*http://web-sniffer.net/?url=http%3A%2F%2Fwww.valuevisionglasses.co.uk&http=1.1&gzip=yes&type=HEAD&uak=0
*http://httpd.apache.org/docs/current/mod/mod_mime.html#AddType

My website wont display right on firefox

Hi my website wont display right on firefox,
website is www.nexu.co.il
in chrome and IE it works very well, only at firefox i have this issue \=
what is the problem

This forum is intended for user support, not for web development issues.
Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The contributors over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.

Website displays differently in firefox only

Similar Messages

Maybe you are looking for