Great! Now we just need to make sure our footer clears the left and right columns (that is, sits below them on the page).
instructions
Set your
#footer's clear property toboth.
#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;
clear:both;
}
<!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