This is a heads up for anyone having problems with Firefox 3.

I had a problem with finding the width()/outerWidth() of elements
during a "ready" function, it would always be the size of the window.

While debugging I also noticed a short "FUOC" (Flash Of Unstyled
Content), which tipped me off to the possible cause.

The solution was to move my CSS stylesheet _above_/_before_ my
JavaScript scripts.

To make it clearer, I had this:

        <script src="../scripts/jquery.js"></script>
        <script src="../scripts/common.js"></script>
        <link rel="stylesheet" href="../styles/common.css" type="text/css">

And I had to change it to this:

        <link rel="stylesheet" href="../styles/common.css" type="text/css">
        <script src="../scripts/jquery.js"></script>
        <script src="../scripts/common.js"></script>

This is perhaps similar to a problem experienced with an older version
of Safari.

I haven't gotten round to filing a bug report / looking to see if
one's been filed.

Karl Rudd

Reply via email to