1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Footer not showing properly

Discussion in 'CSS' started by XooX, Dec 11, 2012.

0
  1. #1
    Hi

    We recently made some changes to the design of our site wootish.com (link on signature) and if you look at the footer now, it is not showing properly. For one, the horizontal rule is not displaying to the entire width despite it being programmed to show 100% width. It also doesn't seem centered.

    Any help regarding this would be much appreciated.
     
    Solved! View solution.
    XooX, Dec 11, 2012 IP
  2. scottlpool2003

    scottlpool2003 Well-Known Member

    Messages:
    1,708
    Likes Received:
    49
    Best Answers:
    9
    Trophy Points:
    150
    #2
    You've declared your footer in an ID when in the stylesheet it's a class.

    Change:

    <div id="footer">

    to

    <div class="footer">
     
    scottlpool2003, Dec 11, 2012 IP
  3. XooX

    XooX Well-Known Member

    Messages:
    661
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    155
    #3
    Thanks scottlpool2003. I tried it earlier as well as tried it now. What it does is make the position=absolute irrelevant. Consequently, this leaves my footer hanging mid-air like this:

    untitled.jpg
     
    XooX, Dec 11, 2012 IP
  4. #4
    It looks okay my end.

    I see you have:

    Are you meant to have 2 closing divs after the footer or should it be:

    You could try clearing the DIV before the footer with:

     
    scottlpool2003, Dec 11, 2012 IP
    XooX likes this.
  5. XooX

    XooX Well-Known Member

    Messages:
    661
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    155
    #5
    Aah..thanks a lot. I realized I need to add a </div> above the footer. I just moved one of those /div over the footer and now it appears perfect.

    Again, your help is much appreciated, scottlpool2003
     
    XooX, Dec 11, 2012 IP
  6. scottlpool2003

    scottlpool2003 Well-Known Member

    Messages:
    1,708
    Likes Received:
    49
    Best Answers:
    9
    Trophy Points:
    150
    #6
    No problem.
     
    scottlpool2003, Dec 11, 2012 IP