Grow your CSS skills. Land your dream job.

Footer wont separate

  • # December 27, 2009 at 4:29 pm

    So here is the problem. I built my website around wordpress. I used a tut to do it. Everything turned out perfect accept the footer is right up against the content. I cant get it to separate… I have tried so many things. Margin-bottom. Padding. Nothing is working.

    main page
    http://hiphopoth.com/blog
    files
    http://hiphopoth.com/blog/wp-content/th … /index.php
    http://hiphopoth.com/blog/wp-content/th … dexcss.css
    http://hiphopoth.com/blog/wp-content/th … footer.php

    I really hope somebody knows why this wont work for me. Its the last step in moving forward with this design.

    Please and thanks!

    # December 27, 2009 at 10:50 pm

    Add:

    margin-top:20px;

    to:

    #footer

    # December 28, 2009 at 1:12 am

    hmmm well I tried that. It still doesn’t seem to wanna work. It for what ever reason wont listen to css.

    do you have any other suggestions? would be much appreciated.

    # December 28, 2009 at 1:41 am

    You have this link before your footer:

    <link href="/footercss.css" rel="stylesheet" type="text/css">

    This won’t work. It needs to be in your <head></head>.

    Change this:

    Code:
    div#footer {
    background: url(images/footer.jpg);
    heights: 300px;
    color: white;
    padding: 15px 0 10px 0;
    text-align: center;
    margin: 10px 0px 0px 0px;
    margin-top:20px;
    }
    #footer {
    margin-top:20px;
    }

    to:

    Code:
    div#footer {
    background: url(images/footer.jpg);
    heights: 300px;
    color: white;
    padding: 15px 0 10px 0;
    text-align: center;
    margin: 20px 0px 0px 0px;
    }

    Also, you have an image on your footer, but it’s only showing up as a solid color for me. You shouldn’t use an image if you’re just displaying a solid color.

    All in all, the more I look at the site, the more problems I see with the code I’m afraid.

    # December 28, 2009 at 3:33 pm

    P.S. Your footercss.css has html code in it

    # January 2, 2010 at 12:36 am

    I know the code is really messed. Its mostly all wordpress though. I followed some tutorial and it seemed to make everything messy. Ill clean it up. Gonna try your suggestions. I hope it works. Thanks for the reply.

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".