REmoving browser vertical scrollbar...

Printable View

11-07-2009, 10:35 AM
yanmoura

Removing browser vertical scrollbar... [RESOLVED]

I am experiencing the following problem...

I have this simple Flash website at:
http://ballooncreator.com/pc/samples...one/home2.html

It is a 1020w X 1000h stage and it loads a background picture with 1600w x 1254h. I have set the width parameter on the HTML tag to 100% and added a couple parameters into the body tag to remove scrollbars:

Code:

<body bgcolor="#333333" topmargin="0" leftmargin="0" scroll="no" style="overflow: hidden"><center> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="1000" id="home2" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="home2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#333333" /><embed src="home2.swf" quality="high" bgcolor="#333333" width="100%" height="1000" name="home2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </body>

Ok, it kind of worked. In IE it works perfectly, but at FF it cuts the right side of the image a bit and I have no idea what trick to use to resolve this problem.

Any clues?
11-07-2009, 12:33 PM
Eye for Video

With IE7 and FF3 on a 1680 x 1050 monitor, I see no scroll bar. While the content centers, there is a grey strip running up and down the left, the colorful background not reaching all the way to the left.
On my 1024 X 768 monitor, content centers, colorful background background fills screen, but in IE7, the content is cut off just below the main content rectangle, the white text with address, etc, is not visible and no scroll bar available to see it. In FF3, even the bottom of the rectangle is cut off, again, with no scroll bar available.
Menus background image is smaller in width and height, not filling the screen vertically or reaching to the right.
I like the background color and will be looking forward to see how you resolve this.
How did you create the transitions for the background colors?
Best wishes,
EfV
11-07-2009, 01:10 PM
yanmoura

Hi EfV,

I have tested it at IE 8 and FF 3.5.5 and the only problem I have seen so far (and that is bugging me) is a vertical black strip in the right side (just in FF). I have researched in Google and seems that it have no remedy (at lasts so far), and I think that it is a side-effect of the CSS style that I have used to remove the scrollbar.

For the transition effect, actually it is more simple than it seems. I just used two superposed blurred images - while one fades in the other fades out. And it does the work!

Backing to the original problem, the deal is that I am using images hugest than the maximum possible screen resolution I think the users will have (theoretically speaking, of course) in order to be sure that no matter the client resolution it will always fill in the whole screen. To ensure that it will use all the width and won't resize the Flash movie I set width to 100%, what solves me the horizontal problem (fill all the screen horizontally and put no horizontal scrollbar). For the verticall filling, I just made the Flash app stage very tall (1000px - not TOO tall anyway, but tall enough I guess) and removed the browser vertical scrollbar using the parameters within the body tag. However I am still getting that god damn stupid vertical black strip at right hand in Firefox... While I think that my customer will accept it, I am sure that he won't be completely happy...
11-07-2009, 01:18 PM
yanmoura

Hi EfV,

That's me again. I just figure it out. It was just to set all document margins to 0 in the body tag, this way:

Code:

<body bgcolor="#333333" marginwidth="0" marginheight="0" bottommargin="0" rightmargin="0" topmargin="0" leftmargin="0" scroll="no" style="overflow: hidden"><center> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="1000" id="home2" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="home2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#333333" /><embed src="home2.swf" quality="high" bgcolor="#333333" width="100%" height="1000" name="home2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </body>

Now the stupid black strip at the right side in the FF screen was gone!

Nevertheless the scroll="no" and the CSS style="overflow: hidden" should remain, as they take care of remove the scrollbar. The margins set to 0, is to ensure that there won't be any blank or black (or whatever) margin surrounding the subject.

Cheers!
11-07-2009, 02:02 PM
Eye for Video

Have you uploaded the changes to the server yet? Because I still see a grey strip on the LEFT side of my 1680 monitor. I cleared my cache to make sure I wasn't viewing an old version.
It also seems odd that the 1600 wide image doesn't cover more of my monitor... It's not displaying at 1600 wide. I think the issue may have to do with the way Flash scales. It will scale everything by perctages alright but it will also maintain the same aspect ratio. So if you decrease the height, the width will also decrease.
However, I'll wait to see if the changes are reflected in the link you've posted before making any other judgements.
I'm interested to see this working 100% so I hope you'll update the link.
Best wishes,
EfV
11-07-2009, 03:01 PM
yanmoura

Try it now, it was demanding an adjustment in the _x position of the background image. It was originally set to -200, and since the HTML is setting the stage to be centered, it is clear that at a 1680 pixels width screen you have way more than 200 pixels at each side. So, I have decreased the _x to -400 and it should make the left bar vanish. Please let me know. And thanks for your support!
11-07-2009, 03:43 PM
Eye for Video

Strip is gone from left side but shows on left side now. Menu background still a little small. See attached screen shots.
Good luck,
EfV
11-07-2009, 05:13 PM
yanmoura

Oh yeah, I imagined that it could happen - but now is just a matter of adjust the size of background picture. I think that if I make it REAL big (such as 2000 pixels width or so) it will be enough. Thanks for all your support!!!