If you'll view the GIF attached, my div.contents does not extend to cover the rest of div.side. I tried setting its (.contents) height to 100% but it still does not extend. I've also included my HTML for it so far.
I'd appreciate any help!
Notes,
I have a banner section at the top, and then below that I've got a welcome section on the left, and "side" on the right, with ".contents" being the VERY behind of all that with a white background.There is just too much wrong here to help. A fresh start is required.
Read the html and css tutorials (<!-- m --><a class="postlink" href="http://www.w3schools.com/default.asp">http://www.w3schools.com/default.asp</a><!-- m -->)
Use a html4.01 strict DTD (<!-- m --><a class="postlink" href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">http://www.w3.org/QA/2002/04/valid-dtd-list.html</a><!-- m -->)
Errors in CSS: <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?text=body+%7B%0D%0A%09font-family%3A+lucida+sans+unicode%2C+verdana%2C+arial%2C+sans-serif%3B%0D%0A%09font-size%3A+8pt%3B%09%0D%0A%09background-color%3A+%23462300%3B%0D%0A%09color%3A+%23000000%3B%0D%0A%09topmargin%3A+0%3B%0D%0A%09leftmargin%3A+">http://jigsaw.w3.org/css-validator/vali ... margin%3A+</a><!-- m --> 0%3B%0D%0A%7D%0D%0Adiv.contents+%7B%0D%0A++width%3A+700px%3B%0D%0A++height%3A+100%25%3B%0D%0A++backg round-color%3A+white%3B%0D%0A++position%3A+fixed%3B%0D%0A%7D%0D%0A.banner+%7B%0D%0A++position%3A+absolute% 3B%0D%0A++++top%3A+0%3B%0D%0A++++left%3A+0%3B%0D%0A++++width%3A+700px%3B%0D%0A++++height%3A+244px%0D %0A%7D%0D%0A.welcome+h1+%7B%0D%0A+font%3A+bold+12pt+Georgia%3B%0D%0A+color%3A+%23663300%3B%0D%0A%7D% 0D%0A.welcome+h2+%7B%0D%0A+font%3A+bold+10pt+Georgia%3B%0D%0A+color%3A+%23996633%3B%0D%0A%7D%0D%0A.w elcome+h3+%7B%0D%0A+font%3A+italic+8pt+Lucida+Sans+Unicode%3B%0D%0A+color%3A+silver%3A%0D%0A%7D%0D%0 A.welcome+%7B%0D%0A+font%3A+normal+8pt+Tahoma%3B%0D%0A+color%3A+black%3B%0D%0A+position%3A+absolute% 3B%0D%0A++top%3A+277%3B%0D%0A++left%3A+3%3B%0D%0A++width%3A+447px%3B%0D%0A+background-color%3A+white%3B+%0D%0A+border-width%3A+5px%3B%0D%0A+border-color%3A+black%3B%0D%0A%7D%0D%0A.side+%7B%0D%0A++background-color%3A+%23e8d1bb%3B%0D%0A++position%3A+absolute%3B%0D%0A++++top%3A+277%3B%0D%0A++++left%3A+453%3B% 0D%0A++++width%3A+244%3B%0D%0A++++height%3A+100%25%3B%0D%0A++border-width%3A+1px%3B%0D%0A++++border-color%3A+336699%3B%0D%0A%7D%0D%0A.side+h1+%7B%0D%0A+font%3A+bold+12pt+Georgia%3B%0D%0A+color%3A+%236 63300%3B%0D%0A%7D%0D%0A.side+h2+%7B%0D%0A+font%3A+bold+10pt+Georgia%3B%0D%0A+color%3A+%23996633%3B%0 D%0A%7D%0D%0A.side+h3+%7B%0D%0A+font%3A+italic+8pt+Lucida+Sans+Unicode%3B%0D%0A+color%3A+silver%3A%0 D%0A%7D%0D%0A.footer+%7B%0D%0A+font%3A+normal+8pt+Arial%3B%0D%0A%7D%0D%0A%0D%0A&usermedium=all
position: fixed; does not work in IE, it will in IE7.
<center> and <font> are depreciated (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-html40/index/elements.html">http://www.w3.org/TR/REC-html40/index/elements.html</a><!-- m -->)
<h1> should be used only once, as the title or heading of the page.
I'd appreciate any help!
Notes,
I have a banner section at the top, and then below that I've got a welcome section on the left, and "side" on the right, with ".contents" being the VERY behind of all that with a white background.There is just too much wrong here to help. A fresh start is required.
Read the html and css tutorials (<!-- m --><a class="postlink" href="http://www.w3schools.com/default.asp">http://www.w3schools.com/default.asp</a><!-- m -->)
Use a html4.01 strict DTD (<!-- m --><a class="postlink" href="http://www.w3.org/QA/2002/04/valid-dtd-list.html">http://www.w3.org/QA/2002/04/valid-dtd-list.html</a><!-- m -->)
Errors in CSS: <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?text=body+%7B%0D%0A%09font-family%3A+lucida+sans+unicode%2C+verdana%2C+arial%2C+sans-serif%3B%0D%0A%09font-size%3A+8pt%3B%09%0D%0A%09background-color%3A+%23462300%3B%0D%0A%09color%3A+%23000000%3B%0D%0A%09topmargin%3A+0%3B%0D%0A%09leftmargin%3A+">http://jigsaw.w3.org/css-validator/vali ... margin%3A+</a><!-- m --> 0%3B%0D%0A%7D%0D%0Adiv.contents+%7B%0D%0A++width%3A+700px%3B%0D%0A++height%3A+100%25%3B%0D%0A++backg round-color%3A+white%3B%0D%0A++position%3A+fixed%3B%0D%0A%7D%0D%0A.banner+%7B%0D%0A++position%3A+absolute% 3B%0D%0A++++top%3A+0%3B%0D%0A++++left%3A+0%3B%0D%0A++++width%3A+700px%3B%0D%0A++++height%3A+244px%0D %0A%7D%0D%0A.welcome+h1+%7B%0D%0A+font%3A+bold+12pt+Georgia%3B%0D%0A+color%3A+%23663300%3B%0D%0A%7D% 0D%0A.welcome+h2+%7B%0D%0A+font%3A+bold+10pt+Georgia%3B%0D%0A+color%3A+%23996633%3B%0D%0A%7D%0D%0A.w elcome+h3+%7B%0D%0A+font%3A+italic+8pt+Lucida+Sans+Unicode%3B%0D%0A+color%3A+silver%3A%0D%0A%7D%0D%0 A.welcome+%7B%0D%0A+font%3A+normal+8pt+Tahoma%3B%0D%0A+color%3A+black%3B%0D%0A+position%3A+absolute% 3B%0D%0A++top%3A+277%3B%0D%0A++left%3A+3%3B%0D%0A++width%3A+447px%3B%0D%0A+background-color%3A+white%3B+%0D%0A+border-width%3A+5px%3B%0D%0A+border-color%3A+black%3B%0D%0A%7D%0D%0A.side+%7B%0D%0A++background-color%3A+%23e8d1bb%3B%0D%0A++position%3A+absolute%3B%0D%0A++++top%3A+277%3B%0D%0A++++left%3A+453%3B% 0D%0A++++width%3A+244%3B%0D%0A++++height%3A+100%25%3B%0D%0A++border-width%3A+1px%3B%0D%0A++++border-color%3A+336699%3B%0D%0A%7D%0D%0A.side+h1+%7B%0D%0A+font%3A+bold+12pt+Georgia%3B%0D%0A+color%3A+%236 63300%3B%0D%0A%7D%0D%0A.side+h2+%7B%0D%0A+font%3A+bold+10pt+Georgia%3B%0D%0A+color%3A+%23996633%3B%0 D%0A%7D%0D%0A.side+h3+%7B%0D%0A+font%3A+italic+8pt+Lucida+Sans+Unicode%3B%0D%0A+color%3A+silver%3A%0 D%0A%7D%0D%0A.footer+%7B%0D%0A+font%3A+normal+8pt+Arial%3B%0D%0A%7D%0D%0A%0D%0A&usermedium=all
position: fixed; does not work in IE, it will in IE7.
<center> and <font> are depreciated (<!-- m --><a class="postlink" href="http://www.w3.org/TR/REC-html40/index/elements.html">http://www.w3.org/TR/REC-html40/index/elements.html</a><!-- m -->)
<h1> should be used only once, as the title or heading of the page.