#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Location
    Fort Worth, TX
    Posts
    2
    Rep Power
    0

    Question CSS positioning help...


    I'm trying to learn using <div> and CSS for positioning instead of tables.

    The only problem I'm running into so far is this. I'm trying to add a footer to the page and trying to position it at the bottom, but it's coming up in the middle of (or more exact, behind) my other div's.

    You can see the site here --> follow me

    And here's the excerpt from my CSS file that has to do with all the positioning...
    Code:
    /* All the content boxes belong to the content class. */
    .container {
        position: relative;
        width: 750px;
        align: center;
    }
    
    .logocontainer {
        margin: 30px 0px 25px 0px;
        padding: 10px;
        border-top: 3px solid #cc0000;
        border-bottom: 3px solid #cc0000;
    }
    
    .content {
        position: absolute;
        width: 400px;
        top: 140px;
        left: 160px;
        right: 300px;
        border: 1px solid #cc0000;
    }
    
    #navleft {
        position: absolute;
        width: 140px;
        top: 140px;
        left: 0px;
        border: 0px solid #cc0000;
        z-index: 2;
    }
    
    #navright {
        position: absolute;
        width: 170px;
        top: 140px;
        right: 0px;
        z-index: 1;
    }
    
    #footer {
        clear: both;
    }
    Can anyone give me any suggestions as to what's wrong with the footer ID?

    TIA...
  2. #2
  3. Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Apr 2003
    Location
    Italy, EU
    Posts
    517
    Rep Power
    12
    I was going to tell you to set the position as for the other boxes... but you've already done it!
    Cheers, Dave
  4. #3
  5. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Location
    Fort Worth, TX
    Posts
    2
    Rep Power
    0
    It's been done in a bs-manner...

    Temporarily... but it's not going to expand as the other div's expand.... i've still got to find the real solution to the problem...

IMN logo majestic logo threadwatch logo seochat tools logo