It looks like it's because the author's used a div called
"body"...which is kinda confusing.
>> <div id=”body”><h1>Headline</h1><p>Article goes here</p></div>
It might make more sense to use "content" instead.
>> <div id=”content”><h1>Headline</h1><p>Article goes here</p></div>
Then
>> div#content {
>> height:100%;
>> background-color:#ffffff;}
for the css.
--
John
On Apr 17, 2006, at 1:30 PM, Mark Fellowes wrote:
> I'm using a simple layout tutorial to build my understanding. I
> might have been going backwards (tried a few more complicated
> ones), however this is confusing me because only the body
> background is showing, and not the ones set for the div's.
>
> HTML:
> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
> <html>
> <head>
> <title>CSS Positioning Example</title>
> <meta http-equiv=”Content-Type” content=”text/html;
> charset=iso-8859-1”>
> <link rel="stylesheet" type="text/css" href="stage.css"
> title="stage.css" /> </head>
> <body>
> <div id=”masthead”><h1>Masthead</h1></div>
> <div id=”navigation”>
> <span class=”navItem”>Navigation item 1</span> |
> <span class=”navItem”>Navigation item 2</span> |
> <span class=”navItem”>Navigation item 3</span> |
> <span class=”navItem”>Navigation item 4</span> |
> <span class=”navItem”>Navigation item 5</span> |
> </div>
> <div id=”body”><h1>Headline</h1><p>Article goes here</p></div>
> </body>
> </html>
>
> CSS:
> body {
> background-color:#efefef;
> font-family:arial, verdana, sans-serif;}
>
> div {
> width:800px;
> border:1px solid #000000;
> margin:1px;
> padding:5px;}
>
> div#masthead {
> height:100px;
> background-color:#d6d6d6;color: #f93315;}
>
> div#navigation {
> height:40px;
> background-color:#666666;
> color:#ffffff;}
>
> div#body {
> height:100%;
> background-color:#ffffff;}
>
> I was "sort of" wondering why the author chose to add the
> "div#body", since i'd think the body would have been enough. This
> maybe where the color issues are coming from , however I haven't
> tried to drop the rules for body or drop the div#body. I want to
> understant what the purpose is to have both.
>
> Stuart
> __________________________________________
> Organize. Communicate. Share. @ http://www.goowy.com
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
