Flickering on page load when using position: absolute

Basically the title explains it all. When the page loads, it first loads the little div for the left hand side with the + in it. After that it loads the page and positions it开发者_如何学Go.

How can i prevent this? It is in every page, so it is quite anoying. http://www.netwerkhoreca.nl

Thanks in advance

That's simply a "flash of unstyled content" (FOUC) - basically the styling you want is only being applied when the Javascript kicks in after DOM load, so until all the elements are on the page you only have the styling from the CSS file for that element. The best approach is to make sure it has an appropriate style with just CSS (possibly display: none for this as it seems like a JS widget), then use JS to add the other styling you need for widget behaviour (like position: fixed, etc).

See this excellent article for some solutions.