# Fullscreen flash site - but where's html scrollbar?

**URL:** https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812
**Category:** Uncategorized
**Created:** [April 24, 2006, 7:55pm UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812 "2006-04-24T19:55:36Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![tikwik](https://avatars.discourse-cdn.com/v4/letter/t/b487fb/32.png) [@tikwik](https://forum.kirupa.com/u/tikwik)
#### Post date: [April 24, 2006, 7:55pm UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/1 "2006-04-24T19:55:36Z")

</div>

Hi,

I have designed a full screen flash site using this tutorial:[http://www.kirupa.com/developer/mx2004/fullscreen.htm](http://www.kirupa.com/developer/mx2004/fullscreen.htm)

It’s great, but when I use it I lose my scrollbars, and I need them when the user’s display settings are 800 x 600. Does anyone have any idea what to add the following html code to make that happen?

I’d be ever so greatful for your help!!!

\<html xmlns=“[http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)” xml:lang=“en” lang=“en”\>  
\<head\>  
\<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-8” /\>  
\<title\>mainmovie\_preload1\</title\>  
\</head\>  
\<BODY bgcolor="#FFFFFF" text=“000000” leftmargin=“0” marginwidth=“0” topmargin=“0”

marginheight=“0”\>  
\<!–url’s used in the movie–\>  
\<!–text used in the movie–\>  
\<!-- saved from url=(0013)about:internet --\>  
\<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000”

codebase=“[http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0](http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0)”

width=“100%” height=“100%” id=“mainmovie\_preload1” align=“middle”\>  
\<param name=“allowScriptAccess” value=“sameDomain” /\>  
\<param name=“movie” value=“mainmovie\_preload1.swf” /\>\<param name=“quality” value=“high” /\>\<param

name=“scale” value=“noscale” /\>\<param name=“salign” value=“lt” /\>\<param name=“bgcolor”

value="#ffffff" /\>\<embed src=“mainmovie\_preload1.swf” quality=“high” scale=“noscale” salign=“lt”

bgcolor="#ffffff" width=“100%” height=“100%” name=“mainmovie\_preload1” align=“middle”

allowScriptAccess=“sameDomain” type=“application/x-shockwave-flash”

pluginspage=“[http://www.macromedia.com/go/getflashplayer](http://www.macromedia.com/go/getflashplayer)” /\>  
\</object\>

\</body\>  
\</html\>

---

<div class="post-metadata">

### Author: ![Stratification](https://avatars.discourse-cdn.com/v4/letter/s/bc8723/32.png) [@Stratification](https://forum.kirupa.com/u/Stratification)
#### Post date: [April 24, 2006, 8:12pm UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/2 "2006-04-24T20:12:52Z")

</div>

You set your flash to 100% height and width, there isn’t anything to scroll at any size. You’re going to have either:  
a) allow fior the smaller sizes inside of Flash  
b) do some javascript to detect screen size and use a different tag set when the browser is too small.

---

<div class="post-metadata">

### Author: ![tikwik](https://avatars.discourse-cdn.com/v4/letter/t/b487fb/32.png) [@tikwik](https://forum.kirupa.com/u/tikwik)
#### Post date: [April 24, 2006, 8:27pm UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/3 "2006-04-24T20:27:48Z")

</div>

> [@Stratification](#):
>
> You set your flash to 100% height and width, there isn’t anything to scroll at any size. You’re going to have either:  
> a) allow fior the smaller sizes inside of Flash  
> b) do some javascript to detect screen size and use a different tag set when the browser is too small.

Thanks…I would love to do b) do some javascript to detect screen size and use a different tag set when the browser is too small.

But I have no idea how to begin writing that, since I have am totally new to scripting (I usually just do the design). Can anyone show me how ?

---

<div class="post-metadata">

### Author: ![472](https://avatars.discourse-cdn.com/v4/letter/4/9fc29f/32.png) [@472](https://forum.kirupa.com/u/472)
#### Post date: [June 25, 2008, 10:41pm UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/4 "2008-06-25T22:41:21Z")

</div>

Thanks! Your a lifesaver!

---

<div class="post-metadata">

### Author: ![tommyh85](https://avatars.discourse-cdn.com/v4/letter/t/a183cd/32.png) [@tommyh85](https://forum.kirupa.com/u/tommyh85)
#### Post date: [June 26, 2008, 10:03am UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/5 "2008-06-26T10:03:25Z")

</div>

This is great thanks alot…

How do i stop the flash.swf from resizing itself? Also if possible id like the flash to shrink say when its below 800x600 but not if its larger?

Thanks for your help

---

<div class="post-metadata">

### Author: ![tommyh85](https://avatars.discourse-cdn.com/v4/letter/t/a183cd/32.png) [@tommyh85](https://forum.kirupa.com/u/tommyh85)
#### Post date: [July 2, 2008, 8:53am UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/6 "2008-07-02T08:53:54Z")

</div>

can anyone please help?

---

<div class="post-metadata">

### Author: ![geestring](https://avatars.discourse-cdn.com/v4/letter/g/e19b73/32.png) [@geestring](https://forum.kirupa.com/u/geestring)
#### Post date: [July 2, 2008, 12:00pm UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/7 "2008-07-02T12:00:01Z")

</div>

I have a post about this several threads down. the method works perfectly for me.

---

<div class="post-metadata">

### Author: ![lewisfar](https://avatars.discourse-cdn.com/v4/letter/l/58956e/32.png) [@lewisfar](https://forum.kirupa.com/u/lewisfar)
#### Post date: [July 7, 2008, 11:30pm UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/8 "2008-07-07T23:30:01Z")

</div>

Hi,

Tried this - didn’t work.

Check out my new index page at [www.exordiumgroup.com/index2.html](http://www.exordiumgroup.com/index2.html) using this method. Also see below.

fitlash just seems to shrink or expand the overall flash size - not give me any scroll bars

Any ideas?

Thanks

# Lewis

# \<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd](http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd)”\> \<html xmlns=“[http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)”\> \<head\> \<title\>Strategic - Experiential - Digital - The Exordium Group, Inc.\</title\> \<meta http-equiv=“content-type” content=“text/html; charset=utf-8” /\> \<script type=“text/javascript” src=“swfobject/swfobject.js”\>\</script\> \<script type=“text/javascript” src=“swfaddress/swfaddress.js”\>\</script\> \<script type=“text/javascript” src=“swfobject/fitflash.js”\>\</script\> \<style type=“text/css”\> html, body { height: 100%; overflow: hidden; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #BEC7CD; } body { background: #BEC7CD; font: 76% Arial, sans-serif; margin: 0; } #content { height: 775; } .style1 {color: #BEC7CD} \</style\> \</head\> \<body\>\<a href=“The Exordium Group - Index.html” class=“style1”\>index\</a\> \<table width=0% height=100% border=“0” cellspacing=“0” cellpadding=“0” align=“left”\> \<tr\> \<td\> \<center\> \<div id=“content”\> \<p\>In order to view this page you need JavaScript and Flash Player 8+ support!\</p\> \</div\> \<script type=“text/javascript”\> // \<![CDATA[var so = new SWFObject(‘c.swf?path=website.swf’, ‘website’, ‘715’, ‘775’, ‘8’, ‘#BEC7CD’); so.useExpressInstall(‘swfobject/expressinstall.swf’); so.addParam(‘menu’, ‘false’); so.write(‘content’); FitFlash(‘website’,715,775); //]]\> \</script\> \</center\> \</td\> \</tr\> \</table\> \</body\> \</html\>

[quote=bkress;2296770]Ok folks, here is how it is done…

What you need are two Javascript files called swfobject.js and fitlash.js and of course your AC\_RunActiveContent.js which stops the box from appearing around your flash movies until you click them. Attatched to this post are all 3 needed js files. I have even modified the swfobject to allow for flash fullscreen so you don’t have to. Here is what your html should look like…

\<html xmlns=“[http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)” xml:lang=“en” lang=“en”\>  
\<head\>  
\<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” /\>  
\<title\>BK Flashing You\</title\>  
\<script language=“javascript”\>AC\_FL\_RunContent = 0;\</script\>  
\<script src=“loaders/js/AC\_RunActiveContent.js” language=“javascript”\>\</script\>  
\<script type=“text/javascript” src=“loaders/js/swfobject.js”\>\</script\>  
\<script type=“text/javascript” src=“loaders/js/fitflash.js”\>\</script\>  
\<style type=“text/css”\>  
\<!–  
body {  
margin-left: 0px;  
margin-top: 0px;  
margin-right: 0px;  
margin-bottom: 0px;  
background-color: #FF9900;  
}  
–\>  
\</style\>\</head\>  
\<body\>  
\<div id=“holder”\>\<table width=“100%” border=“0” align=“center”\>  
\<tr\>  
\<td\>\<div align=“center”\>\<br\>  
\</div\>  
\<hr\>  
\<div align=“center”\>\<a href=“[http://www.macromedia.com/go/getflash/](http://www.macromedia.com/go/getflash/)”\>\<img src=“loaders/media/required/get\_flash\_player.gif” width=“88” height=“31” border=“0”\>\</a\>\</div\>  
\<hr\>\</td\>  
\</tr\>  
\</table\>\</div\>  
\<script type=“text/javascript”\>  
\<!–  
var so = new SWFObject(“Floweezy.swf”, “my\_flash”, “750”, “600”, “8”, “#ff9900”);  
so.write(“holder”);  
FitFlash(‘my\_flash’,750,600);  
//–\>  
\</script\>  
\</body\>  
\</html\>

THe example for this page can be found at [http://www.benkress.com/Floweezy](http://www.benkress.com/Floweezy).

This is the line that places the flash movie:  
var so = new SWFObject(“Floweezy.swf”, “my\_flash”, “750”, “600”, “8”, “#ff9900”);  
(NameOfSWF, genericname, FlashMovie Width, FlashMovie Height, Flash Version#, FlashMovie background color)

This line is where the flash movie will appear. In the example below, I am having the movie display in a div tag named holder - \<div id=“holder”\>  
so.write(“holder”);

This is the part that will give you your browser’s scrollbars at resolutions smaller than your original flash movie using the fitflash script.  
FitFlash(‘my\_flash’,750,600); - (Same genericname as above, Smallest size you want your movie to scale before scrollbars come back)

That is pretty much the extent of it. Hope it helps…

BK[/quote]

---

<div class="post-metadata">

### Author: ![lewisfar](https://avatars.discourse-cdn.com/v4/letter/l/58956e/32.png) [@lewisfar](https://forum.kirupa.com/u/lewisfar)
#### Post date: [July 7, 2008, 11:38pm UTC](https://forum.kirupa.com/t/fullscreen-flash-site-but-wheres-html-scrollbar/186812/9 "2008-07-07T23:38:36Z")

</div>

Found the problem - stupid CSS overflow: hidden; was causing it.

THANKS!
