Re: [WSG] Re: delayed rendering of containing div's background colour

2004-09-14 Thread Brian Duchek 
My guess is this: Floating all of the objects inside the #content div
takes them out of the flow of the document - resulting in that div
having nothing inside of it to determine it's desired height.

Try using a non-floated "clearing div" technique to get the content
box to render the proper height.  Here's an example of the code for a
"clearing div" Add the class to your CSS, and insert the "clearing
div" after the close of the #sidebar div, but before the close of the
#content div.

(CSS)
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}

(HTML)
  
-
You can also put content in the closing div - there's nothing that
says it needs to be styled as an empty container...

Beware - this does add some potentially "unsemantic" code to your
document - but we all do what we have to in order to achieve our goals
- no matter where they fall on the spectrum of standards.

Cheers!
-bd
PS - i'm not 100% that this will fix the problem you're having, but
it's something to look into.


On Thu, 9 Sep 2004 16:08:21 -0400, Tom Livingston
<[EMAIL PROTECTED]> wrote:
> Might this be of assistance at all??
> 
> http://www.bluerobot.com/web/css/fouc.asp
> 
> 
> 
> 
> On Sep 9, 2004, at 3:36 PM, Richard Lake wrote:
> 
> > Thanks Hans. I've tried that, it didn't work unfortunately.
> > -Original Message-
> > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> > Behalf Of Hans Nilsson
> > Sent: Friday, 10 September 2004 12:06 a.m.
> > To: [EMAIL PROTECTED]
> > Subject: [WSG] Re: delayed rendering of containing div's background
> > colour
> >
> > 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
> >
> >
> 
> 
> Tom Livingston
> Senior Multimedia Artist
> mlinc.com
> 
> 
> 
> **
> 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
> **
> 
> 



-- 
Brian Duchek
=-=-=-=-=-=-=-=
e: [EMAIL PROTECTED]
c: 847.809.2140
w: www.inquiline.com
=-=-=-=-=-=-=-=
**
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
**

Re: [WSG] Re: delayed rendering of containing div's background colour

2004-09-09 Thread Tom Livingston 
Might this be of assistance at all??
http://www.bluerobot.com/web/css/fouc.asp
On Sep 9, 2004, at 3:36 PM, Richard Lake wrote:
Thanks Hans. I've tried that, it didn't work unfortunately.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] 
Behalf Of Hans Nilsson
Sent: Friday, 10 September 2004 12:06 a.m.
To: [EMAIL PROTECTED]
Subject: [WSG] Re: delayed rendering of containing div's background 
colour

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



Tom Livingston
Senior Multimedia Artist
mlinc.com
**
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
**

RE: [WSG] Re: delayed rendering of containing div's background colour

2004-09-09 Thread Richard Lake 



Thanks 
Hans. I've tried that, it didn't work unfortunately.

  -Original Message-From: [EMAIL PROTECTED] 
  [mailto:[EMAIL PROTECTED]On Behalf Of Hans 
  NilssonSent: Friday, 10 September 2004 12:06 a.m.To: 
  [EMAIL PROTECTED]Subject: [WSG] Re: delayed rendering of 
  containing div's background colourHey Richard!Try 
  and remove the background-color:transparent; from the float's.. the div's 
  default background is transparent anyways..._Hans 
  Nilssonhttp://blog.hansnilsson.net

[WSG] Re: delayed rendering of containing div's background colour

2004-09-09 Thread Hans Nilsson 




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;}