Dismiss Notice
Join Physics Forums Today!
The friendliest, high quality science and math community on the planet! Everyone who loves science is here!

Html footer problem

  1. Feb 11, 2013 #1
    Not sure why my footer is not working correctly in my file, anyone see what is wrong?

    Code (Text):
    <title> Layout with Divs </title>
    <link href="divstyle.css" rel="stylesheet" type="text/css" />


    <div id="outer">
    <div id="bannerbox"> Banner </div>
    <div id="hyperlink"> Hyperlink </div>
    <div id="content"> Content </div>
    <div id="footer"> Footer </div>


    *****~And this is my css~*****

    background-color: #424242;
    margin-top: 0;
    padding-bottom: 60px;


    border: 1px solid black;

    border: 1px dotted #ee0bbb;
    width: 603px;
    margin-left: 140px;
    background-color: white;
    height: 800px;
    postion: relative;

    width: 480px;
    height: 70px;
    margin-left: 53px;
    margin-top: 5px;

    width: 150px;
    height: 200px;
    margin-top: 40px;
    margin-left: 10px;
    float: left;


    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;
  2. jcsd
  3. Feb 11, 2013 #2
    Bottom is not a valid float value
  4. Feb 11, 2013 #3
    What do you suggest I change it to? Should i change the data type ?
  5. Feb 11, 2013 #4


    User Avatar
    Science Advisor
    Homework Helper

Know someone interested in this topic? Share this thread via Reddit, Google+, Twitter, or Facebook