Jquery javascript resize jitter?

I suspect the reason is because you are calling this in the $(document).ready() which runs after the DOM is loaded (i.e. Your elements are already displayed).

I suspect the reason is because you are calling this in the $(document).ready(), which runs after the DOM is loaded (i.e. Your elements are already displayed). If you absolutely have to resize elements after they've loaded, the only thing I can think of that might help is having an overlay that covers the entire window, maybe something like: #overlay{ position: fixed; width: 100%; height: 100%; background: #fff; z-index: 9001; } And then hiding the overlay via $("#overlay").hide() after the resizing in your $(document).ready() function.

I haven't tested this so I don't know if it works. You might have to add a short setTimeOut as well. To be honest, though, this solution feels very dirty.

Hopefully someone else can think of something more elegant.

ZDYN is correct. The "flicker" happens when the page is displayed but the jQuery code has not been executed. You can try to set in the css your elements to "visibility: hidden" so they will have their dimensions for the calculations, then change the visibility to "visible" after the resizing.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.