100% height Flash / HTML Footer
Question:
I want to put 100% height and 100% width Flash in an html page. I've done it. Now I want to put in that page also HTML Footer which would stick to the bottom of the page.
Tried: Numerous solutions. Googling. Asking friends. Failed
Th开发者_开发问答anks!
you need:
Footer { position: absolute; bottom: 0; left: 0; right: 0; height: somepx; }
then on your main container element, having a margin-bottom of -somepx; will prevent it overlapping with the footer. alternatively, just don't use that bit of the flash canvas and leave it at 100% height.
you may need to specify the same z-index, eg. z-index: 100; on both elements, to ensure they don't overlap each other, if using the first solution.
You need to add a position absolute or fixed element to the page. If you could post what you have tried (not a list of things you have tried, but the actual code you have tried), then maybe someone can help you.
You probably have to use some JavaScript to get this to work. Add a listener waiting for a resize event, and when a resize occurs, resize the div containing the flash. You will need to set it's height to be the height of the window minus the height of the footer.
footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: "as suitable";
}
精彩评论