CODEWITHSUNDEEP
javascriptcss
Overmars
Overmars

Reputation: 21

How did they develop this website footer?

I understand how to show/hide DIV but how did they make this footer?

I would love this on my website.

Please take a look at this page it's Constant Contact by the way, notice the footer.

Constant Contact Thanks!

Upvotes: 2

Views: 246

Answers (3)

Loktar
Loktar

Reputation: 35309

Here is a very simplistic version of how to achieve something similar to your example. You only need to use JavaScript if you're using a browser < IE7, otherwise simple CSS can do it.

Live Demo

#footer{
  bottom: 0px;
  position: fixed;
}

Upvotes: 10

dfran02
dfran02

Reputation: 163

Looks like they used jQuery to animate the div that contains all the footer content.

The relevant .js file is here: http://www.constantcontact.com/_script/social-media-toolbar.js?version=1307033023000

Upvotes: 0

Cypress
Cypress

Reputation: 11

Give the div a fixed position. something like this:

<div style="width:100%; position:fixed; bottom:0px; background-color:blue; height: 50px;">
Excellent footer content here
</div>

Upvotes: 1

Related Questions