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;}
******************************************************
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
