Sticky Footer

w/e

w/e

Boaroceraptorasaurus-Rex
Reaction score
275
In HTML:

Anybody know how I can set the bottom margin of the page to 0. So as to make the bottom of the graphics on the page to stretch to the very bottom pixel of the screen? I can't get it. Basically I want a footer that stays at the very bottom of the page.

Pls god nobody link me that sticky footer css tutorial because ive looked through it several times and really dont want to use it.
 
What about:

Code: 
<html>
<head>
<title>No Bottom Margin</title>
</head>

<body style="margin-bottom: 0; padding-bottom: 0;">
</body>
</html>

Or do you mean a footer that stays at the bottom, no matter how big the page, or screen is?
 
Yeah, I basically have a table with which I need the bottom row to stick to the bottom of the page, even though it doesn't stretch all of the way.
 
Maybe this would work:

Code: 
<html>
<head>
<title>Page Title</title>
<style type="text/css"></style>
body
{
padding: 0;
margin: 0;
height: 100%;
}
#container
{
position: relative;
width: 100%;
height: 100%;
}
#footer
{
position: absolute;
bottom: 0;
width: FOOTER_WIDTH;
}
</style>
</head>

<body>
<div id="container">
 All your tables go here
<div id="footer">
Footer Stuff Here
</div>
</div>
</body>
</html>

Note: Haven't tested it yet
 
Yeah, I basically have a table with which I need the bottom row to stick to the bottom of the page, even though it doesn't stretch all of the way.
Click to expand...
Problem is your using a table.

Put that row's data in a div on the bottom of a page, and set body's margin to 0.

Using "position" here is a hack and is not necessary, unless you'd like the footer to stick on pages w/ a height less than the screen's.
 
JerseyFoo said:
Problem is your using a table.

Put that row's data in a div on the bottom of a page, and set body's margin to 0.

Using "position" here is a hack and is not necessary, unless you'd like the footer to stick on pages w/ a height less than the screen's.
Click to expand...

Yeah I need them to stick to the bottom even if the height doesn't necessarily stretch to the bottom.
 
You must log in or register to reply here.
General chit-chat
Help Users
  • No one is chatting at the moment.
  • The Helper The Helper:
    Cool Chicken Pasta recipe - Rattlesnake Pasta https://www.thehelper.net/threads/recipe-rattlesnake-pasta.194694/
  • The Helper The Helper:
    News portal has been retired. Main page of site goes to Headline News forum now
  • The Helper The Helper:
    Added the visually stunning Galaxy Cocktail https://www.thehelper.net/threads/cocktail-galaxy-cocktail.194703/
  • The Helper The Helper:
    I am working on getting access to the old news portal under a different URL for those that would rather use that for news before we get a different news view.
  • Ghan Ghan:
    Easily done
     +1
  • The Helper The Helper:
    https://www.thehelper.net/pages/news/ is a link to the old news portal - i will integrate it into the interface somewhere when i figure it out
  • Ghan Ghan:
    Need to try something
  • Ghan Ghan:
    Hopefully this won't cause problems.
  • Ghan Ghan:
    Hmm
  • Ghan Ghan:
    I have converted the Headline News forum to an Article type forum. It will now show the top 20 threads with more detail of each thread.
  • Ghan Ghan:
    See how we like that.
  • The Helper The Helper:
    I do not see a way to go past the 1st page of posts on the forum though
  • The Helper The Helper:
    It is OK though for the main page to open up on the forum in the view it was before. As long as the portal has its own URL so it can be viewed that way I do want to try it as a regular forum view for a while
  • Ghan Ghan:
    Yeah I'm not sure what the deal is with the pagination.
  • Ghan Ghan:
    It SHOULD be there so I think it might just be an artifact of having an older style.
  • Ghan Ghan:
    I switched it to a "Standard" article forum. This will show the thread list like normal, but the threads themselves will have the first post set up above the rest of the "comments"
  • The Helper The Helper:
    I don't really get that article forum but I think it is because I have never really seen it used on a multi post thread
  • Ghan Ghan:
    RpNation makes more use of it right now as an example: https://www.rpnation.com/news/
  • The Helper The Helper:
    Ok
  • The Helper The Helper:
    www.thehelper.net

    Latest News

    The Helper News Feed
    www.thehelper.net www.thehelper.net
  • The Helper The Helper:
    What do you think Tom?
  • tom_mai78101 tom_mai78101:
    I will have to get used to this.
  • tom_mai78101 tom_mai78101:
    The latest news feed looks good
  • The Helper The Helper:
    I would like to see it again like Ghan had it the first time with pagination though - without the pagination that view will not work but with pagination it just might...
  • The Helper The Helper:
    This drink recipe I have had more than a few times back in the day! Mind Eraser https://www.thehelper.net/threads/cocktail-mind-eraser.194720/

      The Helper Discord

      Members online

      No members online now.
      Online now:
      97 (members: 0, guests: 97)

      Share this page

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top