CSS and Javascript Page Layout

This project received 8 bids from talented freelancers with an average bid price of $143 USD.

Get free quotes for a project like this
Project Budget
$30 - $250 USD
Total Bids
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. What we want is for the flash movieclip to stay the same size, but, as the window is resized, we would like the movieclip to remain centered on the page while the overflow is hidden. 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.

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 of the swf we will use 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.

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