White Background delayed on load fix.

On page load the white background can be delayed, causing the page text to show briefly on the blue background until the page fully loads. A fix for this is to use the "Clearfix" css trick below. I'll roll a patch when I get back home.

There's two elements to this fix, the CSS, and the class call in page.tpl.php.

First add the CSS class "clearfix" to the #page div. (approx line #51 of page.tpl.php)

<div id="page" class="clearfix">

Then add the following CSS to the bottom of the layout.css:

/* clearfix magic */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

This will cause the #page div to extend to the end of the page content without needing to wait for the page to completely load.