How to Seprate footer from main wrapper - Wordpress

Discussion in 'HTML & Website Design' started by carl73a, Jul 23, 2010.

  1. #1
    Hi,
    I am need of help with this;

    The footer is nested within the main wrapper. Is it possible to create another wrapper for footer and separate it from the main wrapper?

    What I m intending to achieve is, to expand the footer's background till it reaches both ends. Like I did for the header just by attaching a bg image on the body, but I m not sure how to get the footer covered. The only thing I can think of is separating the footer from the main wrapper, but I couldn't find a way to accomplish that with the limited knowledge I have about wordpress.

    Here is the first part of css code:
    body {

    background: #dddddd url("images/bg_color.png") repeat-x;

    width: 980px;

    color: #333333;

    font-size: 12px;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    margin: 0px auto 0px auto;

    padding: 0px;

    }



    #wrap {

    background: none;

    width: 960px;

    margin: 0px auto 0px auto;

    padding: 0px 0px 0px 0px;

    position: relative;

    border: none;

    }


    All divisions are wrapped within this wrapper.

    Here is my website address : http://www.lowerabworkout.us

    thanks in advance :)
     
    carl73a, Jul 23, 2010 IP
  2. aquilax

    aquilax Member

    Messages:
    126
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    33
    #2
    Remove the body and footer width and get the footer out of #wrap.
     
    aquilax, Jul 23, 2010 IP
  3. carl73a

    carl73a Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi aquilax,

    thanks for the tips. Based on your instruction, I managed to get it fixed the way I wanted it.

    Short but great tips :)
     
    carl73a, Jul 25, 2010 IP