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


#1
div {
    border-radius: 5px;
}

#header {
position: fixed;
z-index: 1;    
height: 50px;
width: 100%;
background-color: #cc0066;
}

.left {
	height: 500px;
	width: 100%;
	background-color: #668284;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #ffffff;      
}

.right {
 	height: 500px;
 	width: 100%;
	background-color: #668284;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #ffffff;     
}

#footer {
	height: 50px;
	width: 100%;
	background-color: #668284;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #ffffff;    
}

<!DOCTYPE html>
<html>
	<head>
	</head>
	<body>
        <div id="header">
            <h3>HELLO<h3>
        </div>
		<div class="left">left</div>
		<div class="right">right</div>
		<div id="footer">my footer</div>	
	</body>
</html>

I am also getting errors on #5 and #6, I can't see any syntax errors, please help


#2

could you post your full html and full css?


#3

edited original post with full code


#4

your <link> is missing, you whole stylesheet isn't read. Maybe revisit link it up, for a syntax refresher how to create the <link>?