Page shows without style - briefly!

When a page created with CSS Sculpter loads, I am finding that it displays very briefly without the style, then the style gets applied. I know this is because the content loads very quickly (without tables and extras) but some of my clients find it annoying that for a "flash" - the page appears very plain.

This problem only occurs in IE (not Firefox, Safari, Chrome, etc...) and I know this is likely not a problem directly associated with CSS Sculpter, but if anyone has a suggested fix I would appreciate it :)

this problem is named FOUC (Flash of unstyled content). It is mostly associated with IE and Safari.

I dont really have a fix to suggest, but I can direct you to some reading that will help your understanding of what is going on:
Flash_of_Unstyled_Content

the-fouc-problem/


A couple things I would look for are images or tables that do not have a width set. Or using percentage based widths in your styles on child elements.

If the width of an image is not set in the image tag, the browser needs to completely load the image to calculate the width. this can cause a pause in applying styles to it.

same with using percentages for height or width on child elements, the percentage cant be calculated till all of the page content is loaded