Jump to content
The mkiv Supra Owners Club

CSS website displaying weird in Firefox


fri3ndly

Recommended Posts

Download and install a firefox extension called FireShot, it lets you take screen captures of websites rendered in FireFox (not just what you see on screen, but the whole page that isnt shown on screen).

 

:: https://addons.mozilla.org/en-US/firefox/addon/5648

 

Its a really useful tool when trying to explain rendering issues to people.

 

I have attached how it looks in my Firefox (2.0.0.11 on PC).

 

From comparing the website in IE and Firefox Im assuming the problem in Firefox is that some of your content has 'leaked' outside of the white background.

 

This is usually caused when a container element (ie:

) contains floated elements (ie: floated
's). If this is the case (bear in mind I havent looked at your html/css) then you need to insert a block element container (ie:
) below the floated content and set its CLEAR property to BOTH.

 

For example:

 



   

       
Some non-floated content.

               
                       
floated content
               

       
       
                
       

   


Link to comment
Share on other sites

 

Firefox is a LOT better at displaying correctly coded websites than IE, so really, its not working in IE rather than firefox :)

:yeahthat:

 

Firefox has far better W3C CSS standards compliancy. We design our sites for Firefox, then end up putting loads of IE fixes in place.

We find it easier that way as it will more likely work with other devices too like Macs Safari, iPhone etc.

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. You might also be interested in our Guidelines, Privacy Policy and Terms of Use.