5
Contributors
5
Replies
20
Views
4 Years
Discussion Span
Last Post by JorgeM
0

Try adding z-index to make the element come to the front

.footer2
{
    width:100%;
    position:fixed;
    left:0;
    bottom:0;
    background-color:#CCCCCC;
    border:1px solid #666;
    text-align:center;
    z-index: 1000;
}
0

i did but when i scroll down so my back is hiding...
back form must be start above the bar...

0

@Farhad.idrees- Can you clarify what you are trying to do? It is not clear to me based on your description so far.

Do you want to have a footer remain at the bottom of the display regardless of the content and have this footer remain in place without moving even as you scroll down? Here is some help for that with a demo:
How to Keep a Footer Fixed Even While Scrolling

Or do you want to "push" your footer to the bottom of the content and when there is not enough content to fill the screen, push it to the bottom of the viewport? Here is some help for that with a demo:
Pushing a Footer to the Bottom of a Web Page

If neither of these solutions meets your needs, please provide additional details.

This article has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.