I am Trying to design a footer which will Always be in the center bottom of a page.The dynamic page i am working with is Extending as visitors are posting new comments.And after a certain time the footer is getting overlapped by comments posted.How can i design a footer which will never overlapped by the dynamic page content.??
Here is my Footer:

<div id="text1" style="position:absolute; bottom:0px; overflow:hidden; width:1075px; height:43px; z-index:2; background-color:#993300">
My footer content.!!!!!!
</div>

which attributes of the div tag should i change to do the desired job..??

Recommended Answers

have u manage to solve it? else try follow example on this link: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Jump to Post

All 3 Replies

Set the highest value for the z-index of the sticky footer.

You mean a sticky footer? or a footer that always remains attatched to the very bottom of your content no matter how long it is?


Either way, gonna need to see more than 4 lines of your code. Post all your code or better a live link to your site.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.