small footer problem with 100% width

Discussion in 'CSS' started by dean5000v, Sep 29, 2008.

  1. #1
    basically the problem is lets say i have a 1000px container and underneath the conmtainer i have a footer with 100% width, well this works fine until u minimize the page and then a scrollbar appears and once u scroll across there is then a gap.

    here is the link to my example

    http://www.weblayoutsrus.com/test.html

    any ideas ?
     
    dean5000v, Sep 29, 2008 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    It's not that the footer doesn't extend the full width of body (its parent), it does. The problem is that your container overflows the body. Put the footer inside the container and all is well. Otherwise, remove the width from the container.

    cheers,

    gary
     
    kk5st, Sep 29, 2008 IP
  3. dean5000v

    dean5000v Peon

    Messages:
    201
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    but if i put the footer inside the container the most its going to be able to stretch to is 100%, where as i wanted the footer to be 100% of the screen, can you think of any ways around it ? this problem been anoying me for hours now !!!
     
    dean5000v, Sep 29, 2008 IP
  4. dean5000v

    dean5000v Peon

    Messages:
    201
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    ok ive manged to fix it by setting the body min-width:1000px; however this only works in firefox, does anyone know how to fix the IE bug for it .
     
    dean5000v, Sep 29, 2008 IP