problem with IE8

Question

css

The problem is the following: the page is loading, before the dom-ready event everything is in place. After working out all the dom-ready functions, the layout moves out. But not just moving out. Some elements go, jump up. But, if you hover over the moved element, then it returns to its place, or if you click on it. And yet, if you open the debugger, select any element (in general, any element on the page), turn off any style for it (that is, uncheck, for example, font-weight), then all elements that have moved out will return to their places.
I turn off javascript, reload the page - everything is fine, the layout does not work.
In other browsers, too, everything is fine.
There is a lot of JavaScript - that's why I can't find what the problem is.

Please, tell me at least the direction where to dig. Can who faced already.

Answer 1

try disabling half of the JS, if it doesn't help, then the other. That half is still in half, and so on.

Answer 2

If you use css3pie then disable it and try it, sometimes it can lead to unpredictable things in layout.

Answer 3

You can also cram alerts in Javascript and see at what stage the layout is going.

Answer 4

If you have a bunch of scripted z-indexes, then IE blows its head away. In general, look at changing the properties that work out reflow, it can be cured through zoom, position, etc ...

Answer 5

You can use the blinking technique, put the display non and immediately the display block on the body. But this is a dirty fix, you should use it if you don’t have time, it’s better, of course, to figure out what’s wrong.