Grow your CSS skills. Land your dream job.

Divs within Footer are stuck!

  • # May 22, 2009 at 7:08 pm

    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:

    # May 23, 2009 at 12:40 am

    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.

    # May 23, 2009 at 1:36 am

    Thanks for that, I went ahead and added that in. This is just odd. I cannot see what is causing this.

    # May 23, 2009 at 2:50 am

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

    # May 23, 2009 at 2:59 pm

    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.

    # May 24, 2009 at 12:35 am

    That did it, thank you! That also answered another question about when to use Classes. Thanks so much for your replies!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".