1,105,399 Community Members

my Form is hiding behind my footer

Member Avatar
Farhad.idrees
Junior Poster
102 posts since Dec 2010
Reputation Points: 1 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

Hi i made fix footer bar....its working fine..
but problem is my form is hiding behind this bar..
i want to show my form above footer bar like you can see in daniweb when you scroll down so homw, about us and contact us will be above...
i want to do this...
how to do it?

my css is

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

}

regards..
Farhad

Member Avatar
EvolutionFallen
Posting Pro
504 posts since Aug 2009
Reputation Points: 107 [?]
Q&As Helped to Solve: 108 [?]
Skill Endorsements: 8 [?]
 
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;
}
Member Avatar
Farhad.idrees
Junior Poster
102 posts since Dec 2010
Reputation Points: 1 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

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

Member Avatar
sannusean
Newbie Poster
1 post since Feb 2013
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

try changing the position footer as related to u r form it makes the difference

Member Avatar
IIM
Master Poster
742 posts since Jun 2011
Reputation Points: 163 [?]
Q&As Helped to Solve: 169 [?]
Skill Endorsements: 24 [?]
 
1
 
Member Avatar
JorgeM
IT Addict
6,389 posts since Dec 2011
Reputation Points: 581 [?]
Q&As Helped to Solve: 957 [?]
Skill Endorsements: 172 [?]
Moderator
Featured
Sponsor
 
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.

You
This article has been dead for over three months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article