Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS need help understanding div order, placement

  • This topic is empty.
Viewing 3 posts - 16 through 18 (of 18 total)
  • Author
    Posts
  • #65448
    TLaude
    Member

    Copy/Paste this into your CSS file.

    I simply added: ‘float: left;’ into your ‘div#footer’ section and it seems to show the footer for me.

    Code:
    /*
    Reef-Solutions CSS Document
    by Sam Tran
    http://www.reef-solutions.com
    */

    /*—– global styles —–*/

    body {
    margin: 0;
    padding: 0;

    }

    p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
    }

    div#outerDiv {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    background-color:#dfdfdf;
    }

    div#regbar {
    height: 15px;
    background-color:black;

    }

    div#header {
    height: 150px;
    background-color:#164a4d;
    }

    div#leaderAD {
    height: 75px;
    width: 468px;
    background-color:brown;
    margin: 20px 15px 0 0;
    }

    div#glider {
    height: 400px;
    width: 600px;
    background-color:black;
    float: left;
    }

    div#forumpromo {
    height: 400px;
    width: 424px;
    background-color:blue;
    float: left;
    }

    div#ebay {
    height: 400px;
    width: 600px;
    background-color:pink;
    float: left;
    }

    div#caption {
    height: 400px;
    width: 424px;
    background-color:grey;
    float: left;
    }

    div#footer {
    height: 250px;
    width: 1024px;
    background-color:black;
    float: left;
    }

    #65449
    redhare
    Member

    i did that but the footer is smashed to the left not aligned w/ the other div’s..

    #65464
    TLaude
    Member
    "redhare" wrote:
    i did that but the footer is smashed to the left not aligned w/ the other div’s..

    Hmm. I’m not seeing that. I used it on IE8 and it works fine.

Viewing 3 posts - 16 through 18 (of 18 total)
  • The forum ‘CSS’ is closed to new topics and replies.