Hi Lisa,
Because both <div>s are floated, the header has no height.
You could either define a height for #header height: 156px; or use overflow:
hidden;
(I'm not sure if overflow:hidden; will work in IE6).
Good luck!
On Dec 28, 2010, at 11:11 PM, Lisa Frost wrote:
> The top part of this webpage currently has the website name and a donations
> box and is set on a white background which it is obtaining from the
> "container" div.
>
> I want to change the background of this part of the website (the bit above
> the red menu) to a different colour.
>
> When i add a background colour to its div (id="header") nothing happens.
>
> #header:
> {margin: 0;
> padding: 0;
> background-color: #66accd;
> }
>
> The header contains 2 other divs which are floated. Is this why it won't
> take on the colour because those floated div's are out of the flow?
>
> Page is here: http://www.diabetespolarflight.org/xhtml/template_2.html
>
> Thanks
>
> Lisa
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Germán Martínez, UX Designer
http://martinez.pe
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
