Home/ Questions/Q 8989293
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T22:13:18+00:00

I’m now working on a site that is a flash based responsive site. Now

  • 0

I’m now working on a site that is a flash based responsive site.
Now my clients wants to add a html footer on this site and told me to do something that when the page is loaded the footer should be on the invisible area of the document but when anybody scroll down he/she will see the footer. And my client told me that this should be also responsive that it will work on any screen size.
Any body has any idea how to do it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I didn’t test this for cross-browser compatibility, but on firefox it works. It’s only a proof of concept, I’m not sure you can modify your existing site without breaking everything up, but at least it’s not impossible.
    (For IE: you probably have to add a doctype declaration to force it into standards mode).

    Fiddle: http://jsfiddle.net/QkX32/

    HTML:

    <body>
     <div id="wrapper">
         <div id="mainPage"></div>
         <div id="footer"></div>
     </div>                
</body>

    CSS:

    body{
    margin:0;
    padding:0;
}   

#mainPage{
    background-color:red;
    position: absolute;
    top: 0;
    bottom:0;
    left:0;
    right:0;    
}

#footer{
    background-color: blue;
    height: 20px;
    position: absolute;
    bottom: -20px;  
    width: 100%;    
}

#wrapper{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}
    • 0