1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS CSS help with footer who overlap the content

Discussion in 'Web Development' started by ace2011, Jun 9, 2014.

  1. ace2011

    ace2011 Member

    hi
    i use this css for keep the footer at the bottom of the windown
    the problem is that when the window becomes small the footer overlap the page content, how can i fix this problem ?


    isthiswebsiteworking .com

    thanks
     
    Last edited by a moderator: Jun 9, 2014
    ace2011, Jun 9, 2014
    #1
  2. Yen

    Yen Programmer Verified Member

    Hi ace2011,

    You should be using
    Code:
    .footer {
    bottom: 0;
    position: fixed;
}
    With this, your footer will always stays at the bottom of the window.
    It will still overlap your content if your content height is greater than your window height though.
     
    Yen, Jun 26, 2014
    #2