Problem

You have a website, and you want to have a piece of content which should be at the bottom of thepage always.

Use Cases

It may be used as:

  • Show recommended content
  • Show signup form
  • Ask to download some stuff
  • Some flash news

Solution

For complete solution, see following code:

<html>
<head>
<title>Test</title>
<style>
#foo {
position: fixed;
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<div id="foo">Hello World</div>
<p> This html shows how to set a div block to the bottom of website. This is very helpful while showing some popup having recommended content or some marketing content you want to show on your page. </p>
<p> See on the bottom right corner </p>
</body>
</html>

To download this code from git: See: Gyanblog Github