|
Hey Richard! Try and remove the background-color:transparent; from the float's.. the div's default background is transparent anyways... _____________________ Hans Nilsson http://blog.hansnilsson.net ---------------------- From: "Richard Lake" <[EMAIL PROTECTED]> Date: Wed, 8 Sep 2004 19:45:00 +1200 Subject: delayed rendering of containing div's background colour I have two floating divs #mainbar and #sidebar inside another div: #content. When the page is rendered the content of the two floating divs is rendered then the background colour of the #content div seems to roll-out. This occurs in both IE 6 and Firefox 0.9 at dial-up speeds, Opera 7.52 is fine. It's not a very professional looking effect. Is there something that I can do differently to stop this? The relevant CSS is shown below. A sample page can be found at: http://www.pricklypair.co.nz/register.php Thanks in advance for any assistance. Richard /**********************/ /* Content */ /**********************/ #content { margin: 0; padding: 10px 20px 20px 20px; color: #000; font-weight: normal; background-color: #cc9; border-left: solid 1px #993; border-right: solid 1px #993; border-bottom: solid 1px #993;} /**********************/ /* Main content */ /**********************/ #mainbar { float: left; width: 66%; padding: 0 10px 0 0; background-color: transparent; border-right: solid 1px #660;} /**********************/ /* Side content */ /**********************/ #sidebar { float: right; width: 30%; padding: 5px 0 5px 5px; margin: 0 0 5px 0; font-size: .90em; background-color: transparent;} |
