开发者

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";
}
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜