Grow your CSS skills. Land your dream job.

Footer Problem

  • # April 2, 2008 at 10:21 am

    Hello Guys!!

    I’m having a little problem with my page running a little lower than my footer. This actually happened all of the sudden cause it was good yesterday and I didn’t change the code for it.

    BTW: I’m using WordPress

    [img]http://img175.imageshack.us/img175/6407/footerij3.jpg[/img]

    here’s the CSS

    Code:
    /* Footer*/

    #footer {
    margin: 50px auto;
    width: 100%;
    height: 100px;
    float:left;
    position:absolute;
    background-image: url(‘images/footer_bg.png’);
    background-repeat: repeat-x;
    background-color: #1b3244;
    border-top: dashed 2px #ffffff;
    padding:15px 0 15px 0;
    color:#ffffff;
    }

    #footer2 {
    margin:0 auto;
    width: 900px;
    }

    #ads {
    width: 440px;
    display: block;
    float: right;
    }

    #ads img {
    padding: 3px;
    background: #ffffff;
    }

    #contact {
    width: 400px;
    font-size: 12px;
    float: left;
    }

    And here’s the HTML

    Code:
    box
    # April 2, 2008 at 10:35 am

    Post a link to the site – it’ll be much easier to diagnose that way.

    # April 2, 2008 at 10:41 am

    Very important!!!! forgot about it, sorry :oops:

    I’ve edited the original post, thanks!!!

    box
    # April 2, 2008 at 11:02 am

    Are you viewing it in IE? Looks fine in firefox. You could try removing the bottom margin on #footer, or changing height:100px to min-height:100px.

    # April 2, 2008 at 11:10 am

    Try changing " padding: 15px 0; " to " padding: 20px 0; " in your #footer

    # April 2, 2008 at 11:13 am
    "bbodine1" wrote:
    Try changing " padding: 15px 0; " to " padding: 20px 0; " in your #footer

    Scratch that. Would be better to just remove your height:100px all together. Not sure how this will do in IE but I would think it will be fine. Can’t test IE.

    # April 2, 2008 at 11:14 am

    Actually I was using firefox, so… that’s a little weird.

    But I used the min-height:100px and it did the trick!!!

    Thanks to all for the help!!!!

    # April 2, 2008 at 11:19 am
    "box" wrote:
    Are you viewing it in IE? Looks fine in firefox. You could try removing the bottom margin on #footer, or changing height:100px to min-height:100px.

    I saw what you were talking about in Firefox Oscar. Minor but I would be the same way if I were you. Awesome site by the way. If only I could read Spanish.

    # April 2, 2008 at 11:30 am

    :D

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

You must be logged in to reply to this topic.

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