html footer problem


by camel-man
Tags: footer, html
camel-man
camel-man is offline
#1
Feb11-13, 03:44 PM
P: 55
Not sure why my footer is not working correctly in my file, anyone see what is wrong?

<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;
}
Phys.Org News Partner Science news on Phys.org
SensaBubble: It's a bubble, but not as we know it (w/ video)
The hemihelix: Scientists discover a new shape using rubber bands (w/ video)
Microbes provide insights into evolution of human language
Greg Bernhardt
Greg Bernhardt is offline
#2
Feb11-13, 03:47 PM
Admin
Greg Bernhardt's Avatar
P: 8,542
Bottom is not a valid float value
camel-man
camel-man is offline
#3
Feb11-13, 03:51 PM
P: 55
What do you suggest I change it to? Should i change the data type ?

AlephZero
AlephZero is offline
#4
Feb11-13, 05:41 PM
Engineering
Sci Advisor
HW Helper
Thanks
P: 6,387

html footer problem


Quote Quote by camel-man View Post
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.


Register to reply