Why does the text on my website display incorrectly when viewed with Firefox (3.6.9) and not IE?
I am creating a website and after getting the main page laid out and coded, Firefox 3.6.9 jumbles part of the text, having some larger text superimposed over the smaller text which is in another field. When I broese to the site using Internet Explorer it looks the way it should. What could be the problem using Firefox? Since there are so many die hard Firefox fans out there ( myself included) the site MUST be able to be viewed correctly using it. Thanks for any help offered. The site is www.freesourceenergy.com pdewberr
All Replies (2)
I have a similar problem with my sites on ff 3.6.9 and win7, however they are fine with ff and xp they are also fine with ie 6, 7 ,8 , opera, safari and chrome in both xp and win7... I am sorry I don't have a solution... in my case I think its something interfering with the way ff in win7 is looking at css and I have tried recoding to no avail... As my sites look fine with all other browsers I'm hoping the bright sparks out their come up with a fix asap
You get overlapping text if you specify the height of a (DIV) container and that height is not enough to fit all the content. The solution is either to omit the height and let the browser determine it or increase the height so all content fits.
On the http://www.freesourceenergy.com/ site that means removing the height: 150px; from DIV .top and maybe increasing the height of the middle DIV containers slightly to 220px