darkscot Posted March 17, 2011 Report Share Posted March 17, 2011 I have a problem with a site I am building that is really perplexing me. Everything works OK on various browsers (IE8, IE9, Konqueror, Firefox) on both Windows and Linux but NOT in Firefox on Windows (XP or Vista). I have done quite a bit of searching on this and the only thing I can find is that it is probably because I am using a nested DIV. However, so far I have not found a solution. I have used this template before without any problems, well none that I noticed. The site in question is: w ww.abercrombietodd.co.uk I have attached a copy of the stylesheet. default.css Quote Link to comment Share on other sites More sharing options...
falkencreative Posted March 17, 2011 Report Share Posted March 17, 2011 A couple points: -- add "overflow:hidden" to #content -- that seems to fix the main Firefox issue. I'm not completely sure why this is necessary, but in Firefox on Windows, the #content div doesn't seem to enclose the two floated column divs correctly. -- add "margin:0" to body, and then adjust the padding on #header as necessary Quote Link to comment Share on other sites More sharing options...
darkscot Posted March 18, 2011 Author Report Share Posted March 18, 2011 -- add "overflow:hidden" to #content -- that seems to fix the main Firefox issue. Yeehah! Thanks a million for that, I would never have worked that out on my own! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.