Firefox 6 is not displaying correctly, possible problem with HTML div
The frontpage of a site we are developing in Moodle displays correctly in Firefox 5.x, IE9, Chrome 13, and Opera 11.5 but not in Firefox 6.
The image is an embedded video with text to the right. In Firefox 6 the text appears below the embedded video with the h2 text between the video and the next image and the normal text overwriting the second image.
A screenshot of the correct image is at http://www.blackpixel.com.au/downloads/correct%20image.jpg
The incorrect image in Firefox 6 is at http://www.blackpixel.com.au/downloads/Firefox%206%20image.jpg
The HTML code (from the Moodle editor) is below:
<link type="text/css" rel="stylesheet" href="http://training.psa.asn.au/moodle/file.php/14/frontpg/assets/css/ui2.css" /> <div id="fpcontent"> <div id="frontpgheader"> <h1 style="border-width: 0px;" class="noline"><a href="index.html">Welcome to your Union</a></h1> <div> <embed width="300" height="200" flashvars="file=http://training.psa.asn.au/moodle/file.php/14/frontpg/assets/video/fish_chocolate.flv" src="http://training.psa.asn.au/moodle/file.php/14/frontpg/assets/video/player.swf" allowscriptaccess="always" allowfullscreen="true" /> </div> <div id="welcomeblurb"> <h2>John Cahill, Sue Walsh and Steve Turner welcome you to the union. </h2> <p> </p> <p>blah and blah.... keep it short, 180px height only all up</p> </div></div> <div id="fpcontent"> <div class="blocks"> <a class="block history" href="http://training.psa.asn.au/moodle/mod/book/view.php?id=248">History of Union</a> <a class="block role" href="#">Role of Unions</a> <a class="block organising" href="#">Organising & Servicing</a> <div class="clear"></div> <a class="block structures" href="#">Structures & Roles</a> <a class="block rights" href="#">Your Rights</a> <a class="block services" href="#">Value-added Services</a> <div class="clear"></div> <div class="shadow"></div> </div> </div> </div>
Also your troubleshooting says to update my graphics driver to v10.6 or newer - the latest driver (May 2011) is 8.6
Modified by cor-el
All Replies (3)
Do you have a link to a website with that code that doesn't require authentication, so we can test it?
Any errors in the Tools > Error Console linked to this problem?
Just as I received your reply I found the solution. My graphics card is an ATI Mobility Radeon HD 3650 so I went looking for later drivers than mine which is 8.477. I found what was purported to be 8.65 and downloaded and ran it. It did not update the driver but is some kind of AMD hotfix which fixed the problem.
Firefox 6 shows/displays lots of things "wrong". Pdf`s, flash and some others look all washed, without color. First i noticed problems on my own page where letters in flash contact form were all blurry, i had to tweak the form html code to display it right. Since than i see blurry washed up color on many websites. Other browser like chrome, opera, ie ect.. and previous versions of firefox show everything as it should be. I dont think its the driver problem though, even if it is, firefox should be compatible with any drivers.