Maximize in any window...with no scale?

**JoelTHE** · 03-09-2005, 10:20 AM

Hi,

I have searched throughout these forums, and although fullscreen design seems to be a pretty hot topic, nobody has really answered anything about all these new sites that fit the entire window regardless of resolution. Even when you drag the corner of the window to make it any size or shape you want, these sites seem to adapt. Seperate elements of the site seem to scale or not scale independently.

Here's an example:
http://www.nagaoka-id.ac.jp/gallery/gallery.html

Try it, play with the window, and then please, please, please, tell me how they do it! Oh and please don't post anything about fullscreen windows or chromeless windows, or resizable fullscreen windows or anything like that...this is more about regular browser windows that are not fullscreen dimensions.

Thanks.

**catbert303** · 03-09-2005, 10:49 AM

go to file > publish settings > html tab and publish the movie at 100% by 100%.

Next edit the html page created by flash and add the following between the opening <head> and closing </head> tags,

Code:

<style type="text/css">
html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
}
</style>

this removes any margin/padding from around the page and also ensures firefox will display the movie at the size intended.

Finally if you want more control over how items in the page are resized and/or repositioned depending on the available space you can use the stage object,

this thread has a simple example with a movie clip that repositions (slides) itself to the centre of the screen when the user resizes the window,

http://www.flashkit.com/board/showth...hreadid=619216

Thread: Maximize in any window...with no scale?

Thread Tools

Display

Maximize in any window...with no scale?

Posting Permissions