Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Jan 2015
    Posts
    24
    Member #
    41395
    Liked
    2 times

    Make footer stay static

    I want to make my footer not move at all on my site. I want it to stay at the bottom of the container at all times. Here's my site: http://mast.salemstate.edu/itc18244/...io/index.html#

    .footer {
    margin: 0;
    display:inline;
    display:inline-block;
    width: 100%;
    margin: 0 auto;
    clear: both;

    }

  2.  

  3. #2
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    you need to use the position: fixed; property on the footer. The trick is to get it to stay on the bottom. I have done this before but for the navigation rather than the footer which is probably a little easier than what you're trying to do.
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  4. #3
    Senior Member sasha_bolcina's Avatar
    Join Date
    Sep 2014
    Location
    Serbia
    Posts
    274
    Member #
    40099
    Liked
    47 times

  5. #4
    Junior Member
    Join Date
    Jan 2015
    Posts
    24
    Member #
    41395
    Liked
    2 times
    That was very helpful

    Made my footer width 960px to match the container width, made the position absolute, an added 200px to the bottom

    .footer {
    margin: 0;
    display:inline;
    display:inline-block;
    width: 960px;
    margin: 0 auto;
    clear: both;
    position:absolute;
    bottom:200px;

    }

    http://mast.salemstate.edu/itc18244/...io/index.html#

  6. #5
    Junior Member
    Join Date
    Feb 2015
    Posts
    1
    Member #
    42600
    I'm not sure if its because you have not taken into account for mobile devices but your footer is in the middle of your webpage on Firefox for android, I've not tested another browser because I hate chrome.uploadfromtaptalk1423769214870.jpg

  7. #6
    Senior Member
    Join Date
    Feb 2006
    Posts
    801
    Member #
    12463
    Liked
    300 times
    I get the same on my laptop. The list is superimposed over the middle of the screen. I don't see any reference to CSS for this list but then I am not a developer so not that good at coding myself.

    Since you are apparently using this site for your portfolio relevant to your resume you really want to get this fixed. You also need to have someone proofread your content since employers take spelling and grammar seriously.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:24 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com