html footer problem

camel-man

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;
}

Greg Bernhardt

Bottom is not a valid float value

camel-man

What do you suggest I change it to? Should i change the data type ?

AlephZero

Quote by camel-man

What do you suggest I change it to?

http://www.w3schools.com/cssref/pr_class_float.asp

- not that any of the legal values will help much.

Similar Threads for: html footer problem
Thread	Forum	Replies
Eliminate clutter in Microsoft Word generated HTML files with the Office 2000 HTML Filter	Computing & Technology	0

Greg Bernhardt Admin Blog Entries: 5	Bottom is not a valid float value

camel-man	What do you suggest I change it to? Should i change the data type ?