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

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 developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.