[jQuery] Fix for problem: Firefox 3, FOUC and incorrect width() on "ready"
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