Question

I’m an iPhone Developer mainly, I’m a bit rubbish at CSS and I’m trying to make a webpage for my app.

I want to make my footer have the following properties:

• Fixed width of 640px
• Centered
• Attached to bottom of screen, not page. So when the user resizes the window, the footer is always at the bottom

All the other styling I can do myself, it’s just positional styling that I find really difficult.

Can someone please explain to me how to do this in just CSS.

Answer 1

footer {
    width: 640px;
    margin: 0% -320px;
    position: fixed;
    left: 50%;
    bottom: 0%;
}

Example: http://jsbin.com/imisig/3

Example with heaps of text: http://jsbin.com/imisig/4