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

    AlephZero

    User Avatar
    Science Advisor
    Homework Helper

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




Similar Discussions: Html footer problem
  1. HTML question (Replies: 4)

  2. HTML font tag (Replies: 10)

Loading...