[thelist] Parent DIV won't take background color

Kyle @ JustBreathe Kyle at JustBreathe.co.uk
Fri Feb 18 16:57:29 CST 2005


>From the start of your mail it sounds as though you want to set the
background colour of the body tag and the rest of your mail is alternative
strategies when that didn't work ... am I right?

If my assumption is right then your problem is in the style for the body
element; you currently have the line
but you need to have 
This will then work in Firefox and IE (and probably any other browser).
It's curious really that the short form seems to be acceptable for 'color'
but not for background-color.


Kyle Summers
Just Breathe

-----Original Message-----
From: thelist-bounces at lists.evolt.org
[mailto:thelist-bounces at lists.evolt.org] On Behalf Of Daniel
Sent: 18 February 2005 21:04
To: thelist at lists.evolt.org
Subject: [thelist] Parent DIV won't take background color

Hi there,

Can someone take a look at Douglas Bowman's Blogger
template Minima at


and help me figure out something about how the DIVs
are working?

Specifically, I'm using this basic structure for my
blog, and I've decided that I wanted to style the
<body> background separately from that of the
contents.  So, I colored the body, and colored the
<div> with the id "#content".  That didn't work.  I
colored each of the "#main" and "#sidebar" <div>s, and
that *did* work, though it leaves a gulf of the screen
with the <body> background color coming through.  To
experiment, then, I then styled the <div> children of
the ".post" class with another background color, and
that worked also.

So, that leaves me with the question: why won't the
"#container" <div> take a background color?

I thought that it might have to do with the fact that
the "#container" <div> didn't have any content of its
own, but was a wrapper for the other two primary
content <div>s.  So, I dropped a test paragraph before
the "#main" <div> and after the "#sidebar" <div>.  The
"#content" <div> now takes a background color, but
only as far down the screen as the "#sidebar" <div>
goes.  I tried to throw another test paragraph
sequentially after the "#main" <div> but before the
"#sidebar" <div>, thinking that it would follow the
longer content of the "#main" <div", but that didn't

I have a hunch that this is what all those tutorials
I've skimmed about the multi-column layout have been
about, and so I'll be hunting them down again.  But
just on the offchance that there's something goofy
going on with Firefox or the ordering of some code, I
thought I'd go ahead and toss in this question.



Do you Yahoo!? 
Take Yahoo! Mail with you! Get it on your mobile phone. 

* * Please support the community that supports you.  * *

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 

More information about the thelist mailing list