Forums

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

Home Forums CSS Divs within Footer are stuck!

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24863
    Preeminent
    Participant

    Ugh! I really hate to ask this because I’m sure it’s something really stupid that I’m missing. Buuuuut:
    I have three divs within my FOOTER DIV. No matter what I try with the divs, they just won’t budge!
    I’ve tried relative/absolute positioning and floats and nothing works. Can anyone tell what the heck I’m missing?

    Code:
    #footer {
    position:relative;
    background-image: url(“footer.png”);
    width:778px;
    height:281px;
    margin: 0 auto;
    padding: 0px;
    text-align: center; /* Needed for IE*/
    color:#FFFFFF;

    }

    #clear{{height:0; clear:both; overflow:hidden; margin:-1px 0 0 0;

    }

    #footleft{
    position:absolute;
    left:50px;
    top:50px;
    }

    #footright{
    position:relative;
    float:left;
    top:30px;
    margin-left:50px;

    }

    #footbottom{
    position:absolute;
    bottom:-20px;

    }

    Code:

    #58004
    AshtonSanders
    Participant

    I would assign Heights and Widths to these three divs so they know how big they are supposed to be. Remember that top: 50px only means the top of the element will be 50px from the #footer’s top; the other sides can do whatever they want.

    #58012
    AshtonSanders
    Participant

    That didn’t fix it aye? Can you provide a link or the updated code?

    #58031
    chazzwick
    Member

    one thing i noticed that probably isnt helping is the following code

    Code:
    #clear{{height:0; clear:both; overflow:hidden; margin:-1px 0 0 0;

    }

    firstly, change #clear to .clear, and in your html change id="clear" to class="clear". You can only use id if you are using that element once.
    secondly, you have 2 curly brackets opening that css element.

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