Not sure why my footer is not working correctly in my file, anyone see what is wrong?
Code:
<html>
<head>
<title> Layout with Divs </title>
<link href="divstyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outer">
<div id="bannerbox"> Banner </div>
<div id="hyperlink"> Hyperlink </div>
<div id="content"> Content </div>
<div id="footer"> Footer </div>
</div>
</body>
</html
*****~And this is my css~*****
body{
background-color: #424242;
margin-top: 0;
padding-bottom: 60px;
}
div{
border: 1px solid black;
}
#outer{
border: 1px dotted #ee0bbb;
width: 603px;
margin-left: 140px;
background-color: white;
height: 800px;
postion: relative;
}
#bannerbox{
width: 480px;
height: 70px;
margin-left: 53px;
margin-top: 5px;
}
#hyperlink{
width: 150px;
height: 200px;
margin-top: 40px;
margin-left: 10px;
float: left;
}
#content{
width: 350px;
height: 400px;
margin-top: 40px;
margin-right: 10px;
float: right;
}
#footer {
width: 50px;
height: 40px;
margin-top: 40px;
margin-right: 10px;
float: bottom;
}
Science Advisor
Similar discussions for: html footer problem
Quote by camel-man
