My footer div is not showing?

Question

I am working on a small PSD to HTML File. So did everything and completed the whole index file somehow but now at last when I came to create the footer and nothing is showing up.

Wondering why footer is not showing?

Here is the index page link : http://www.webngraphicssolutions.com/urgent_psd/index.html

Answer 1

Because you have style="position:absolute; top:150px;" applied to the image inside the footer. And there is nothing in the footer other than that.

Do this, to see that footer image is loading but is not visible due to positioning.

style="position:absolute; top:50px; left:100px"

or do this

style="position:fixed; bottom:0; left:40%;"

You need to remove absolute positioning and let the footer fall where it should, then apply relative positioning or absolute one if required.

A comment: bad bad HTML/CSS programming.

But as an exercise,

1. first create Container, Header, Content and Footer.

2. Fill them with data. Do not apply CSS yet, get to know their static positions first.

3. Then, move things around with position and floating.

This is not how seasoned web designer work, but it's a start.

Answer 2

position:fixed; on your css

see if it helps