Make sure to view this page in IE to see the blank white screen problem.

Current time: 08:49:35

In this example the stylesheet's LINK tag is included at the bottom of the document, right before the /BODY tag. This hurts the user experience. In IE this causes the page's rendering to be delayed when:

• the page is opened in a new window
• the page is reloaded - Hit Reload and watch how long it takes for the time value to be updated. Note how the entire page paints at once, rather than rendering progressively.
• the page is your browser's home page - Set your homepage to https://stevesouders.com/examples/css-bottom.php and open a new window.

This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6-10 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text.

Try Example 2 - CSS at the Top to see how these problems are avoided.