Jquery .height() And .width() On Span Tag Gets Inconsistent Results

I need to get the dimensions of a variable-height-and-width element, #sentence, in order to change the dimensions of other elements that are related to it. #sentence is centered in

Solution 1:

For the dimensions to be correct the browser needs to have layed out and rendered the page. This isn't necessarily true when the .ready(...) event is fired.

Try using $(window).load(...) instead.