CSS and Javascript Layout

  • Status Closed
  • Budget $30 - $250 USD
  • Total Bids 6

Project Description

We would like to have a CSS and JavaScript template made which allows a SWF (flash movieclip) to have its overflow hidden when the browser window is resized. So the flash movieclip will stay the same size but as the window is resized, we would like the movieclip to remain centered on the page while the page is resized. This solution has a few caveats:

1. It will have to work on Facebook canvas in an iframe.

2. The solution has to be CSS/Javascript XHTML based and cross-browser compatible.

3. It must be compatible with swfobject, jquery and/or other well known libraries and not conflict with them. Custom JS is acceptable but to be avoided for things like embedding of the movieclip, again, for reasons of reliability.

4. There can be no scrollbars other than the main scrollbar which scrolls the browser window up and down, or, if the browser window is resized past the minimum size (width) of the movieclip.

I have made a rough example here [url removed, login to view] - NOTE: this example does not meet the requirements. It just work somewhat properly but it is not done and does not work on Facebook as it should.

I can provide the sample swf but the size is 1540x1000 pixels.

The final version will be tested in all modern browsers and if it does not work we will reject it. IE6 compatibility is not a must if that is a problem. In fact we don't care much for IE6.

Get free quotes for a project like this
Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online