Oops, try again. Did you remember to give your #header a position of fixed?


#1



Replace this line with your code. 
HTML:
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	<div id="header"> </div>
	<div class="left"> </div>
	<div class="right"> </div>
	<div id="footer"> </div>
	</body>
</html>

Stylesheet:
div {
border-radius: 5px;
}
#header {
    background-color: #20647f;
    height: 100px;
    width: 100%;
    position: fixed;
    z-index: 1;
}
.right {
    background-color: #468499;
    height:2500px;
    width:340px;
    float: right;
    margin-top: 10px;
   margin-left:60px;
}
.left {
    background-color: #468499;
    height:2500px;
    width:340px;
    float: left;
    margin-top: 10px;
   margin-right:60px;
}
#footer {
    background-color: #0a7e8c;
     height:100px;
    clear: both;
    margin-top:50px;
}


#2

the line above position fixed, you are missing a semi-colon

I am not sure what to make of this line:

class: "header","left","right", and "footer";

that doesn't look like valid css syntax


#4

Thank you for responding and I followed your suggestions but I am still getting an error message.


#5

i don't know what you did, but there seems to be a problem with your semi-colon...

retype position: fixed;

I don't know what you did, but after i retyped it, it worked fine


#6

Thank you! That helped a lot


#7