The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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?

    #footer {
    background-image: url(“footer.png”);
    margin: 0 auto;
    padding: 0px;
    text-align: center; /* Needed for IE*/


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








    # 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

    This reply has been reported for inappropriate content.

    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

    #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

    This reply has been reported for inappropriate content.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed