Excellent! Now your readers will always be able to see your header.
Next up: float your columns to the proper sides!
Instructions
Float the
div with a class of .left to the left and the div with a class of.right to the right.
#header{
height:50px;
width:50px;
background-color:black;
border-radius:5px;
position:fixed;
z-index:1;
}
.left{
height:50px;
width:50px;
background-color:black;
border-radius:5px;
float:left;
}
.right{
height:50px;
width:50px;
background-color:black;
border-radius:5px;
float:right;
}
#footer{
height:50px;
width:50px;
background-color:black;
border-radius:5px;
}
<!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>
No comments:
Post a Comment