html - div backgrounds, except header, wont show up? -
this question has answer here:
ive searched around week, havent found answer helps me. im basic @ html , experience have neopets lol
im making page class @ school, , have 3 div ids active in page. header div works fine, maincontent , navigation ids seem ignore fact want bg colour orange. appreciated!
html: <html><head><title>gumi megpoid | home</title></head> <body> <div id="header"><h1>gumi megpoid</h1></div> <div id="navigation"> <p><a href="{text:link 1 url}">home</a> <a href="{text:link 2 url}">albums</a> <a href="{text:link 3 url}">lyrics</a> <a href="{text:link 4 url}">tours</a> </p></div> <div id=”maincontent”><p>blah blah blah.<p></div> </body></html> css:
h1 {color: #eeee99; font-size: 3 em; text-align: center; } h2 {color: #eeee99; line-height: 130%; font-size: 1.75 em; font-family: 宋体; } h3 {color: #eeee99; line-height: 130%; font-size: 1.625 em; } p {color: #eeee99; line-height: 130%; font-size: .9em; margin-left: 10%; margin-right: 10%; } p1 {color: #eeee99; line-height: 130%; font-size: .75em; } body { background-color: #eeee99; } #header { width: 650px; height: 100px; line-height: 100px; background: rgb(238, 119, 34); margin-bottom: 10%; text-align: center; align: right; } #maincontent { width: 780px; height: 500px; background: rgb(238, 119, 34); /* fallback */ background: rgba(238, 119, 34, .6); text-align: center; } #navigation { width: 200px; height: 100px; top: auto; margin-left: 160px; position: fixed; margin-top: 10px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; } #navigation { font-size: 11px; line-height: 20px; display: inline-block; margin-top: 5px; width: 100px; text-align: center; color: #eeee99; background-color: {color: #ee7722}; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #navigation a:hover { color: #eeee99; background-color: {color: #ee7722}; opacity: 0.5; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }</style>
the double quotes in line
<div id=”maincontent”><p>blah blah blah.<p></div> should straight (") instead of curly (”) quotes.