[thelist] Parent DIV won't take background color
Kyle @ JustBreathe
Kyle at JustBreathe.co.uk
Fri Feb 18 16:57:29 CST 2005
Daniel,
>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
background:#fff;
but you need to have
background:#ffffff;
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
Kyle Summers
Just Breathe
http://www.JustBreathe.co.uk
-----Original Message-----
From: thelist-bounces at lists.evolt.org
[mailto:thelist-bounces at lists.evolt.org] On Behalf Of Daniel
LeVangie-Stricklen
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
http://www.blogger.com/templates/minima/sample.html
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
work.
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.
Thanks,
Daniel
__________________________________
Do you Yahoo!?
Take Yahoo! Mail with you! Get it on your mobile phone.
http://mobile.yahoo.com/maildemo
--
* * Please support the community that supports you. * *
http://evolt.org/help_support_evolt/
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