Flash resizing to browser size
Hi folks,
I've been using the width="100%" height="100%" trick in my
HTML when embedding my flash movie for developing a rich internet
app that must use all the browser space to work well.
However, what I really need to do is do height="100%" minus
80px at the top for the website banner. I've tried using
height="100%" margin-top="80px" and similar things but it makes no
difference: Flash always loads with a height of 100% under my 80px
banner giving me scrollbars (which I don't want since I'm
controlling scrolling within my app using the ScrollBar component
and two scrollbars just confuses users).
Any HTML gurus out there got any ideas?
Many thanks ;-)
Cycle,
Try that as a starting point...
JG
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
/* GENERAL */
html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
/* hide overflow:hidden from IE5/Mac */
overflow: hidden;
body {
height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
background-color:#0c2b48;
#flashEmbed {
overflow:hidden;
position:absolute;
z-index:1;
top:0px;
left:0px;
bottom:0px;
width:100%;
#flashObj {
overflow:hidden;
position:absolute;
z-index:1;
top:0;
left:0px;
bottom:0;
height:100%;
width:100%;
border-top: 80px solid #61a6c3;
</style>
</head>
<body>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="100%" height="100%" id="flashObj">
<param name="movie" value="Untitled-1.swf">
<param name="quality" value="high">
<embed src="Untitled-1.swf" quality="high"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="100%"
height="100%"
id="flashEmbed"></embed>
</object>
</body>
</html>
"cycle1" <[email protected]> wrote in
message
news:[email protected]...
> Hi folks,
> I've been using the width="100%" height="100%" trick in
my HTML when
> embedding my flash movie for developing a rich internet
app that must use
> all
> the browser space to work well.
> However, what I really need to do is do height="100%"
minus 80px at the
> top
> for the website banner. I've tried using height="100%"
margin-top="80px"
> and
> similar things but it makes no difference: Flash always
loads with a
> height of
> 100% under my 80px banner giving me scrollbars (which I
don't want since
> I'm
> controlling scrolling within my app using the ScrollBar
component and two
> scrollbars just confuses users).
> Any HTML gurus out there got any ideas?
> Many thanks ;-)
>
Similar Messages
-
Flash Catalyst CS5.5 Scale to fit the Browser size.
Hello,
I've create a website and when i preview on my browser ( 1280x664 website size) it look very good ,but when i try to see it from a different desktop will smaller or bigger size my website is croped ,some important functions are croped.
I've been all the day looking in internet trying to fund a solution how to fix this but nothing.
I saw an article that explaind how to fix that in flash catalyst cs5 and i tried to but didnt work
so please help me to tell me how to make this work, i want just my website to get scaled
''to work in any monitor size''
Thank youCould you add a link to your site here at all ? That would help with some workarounds maybe.
I have noticed that many of the professional websites designed by web-agencies use a common design. They design the content to fit the majority of users who can view and do seem to view at around 800 x 450 - take a look at this as a good reference point.
They then place the main content in a container - and centre it - so that it moves with fluidity - as the users resize the browser window, the content stays central on the page. Often a background image is used behind the main content - and the background image can be scaled to fit the window.
There are some good examples like Carl Cox's Intec Label Website and some more at a great London Design Agency called bobbentleydesign.com
You will note that many of these sites use the same method. Since such reputable designers use the same methods I would assume there's a damn good reason to do it that way, it must be the best way available . . . if there was a reliable way to scale everything then I would bet these pro's would be doing so - but they dont.
Sorry I do not have the kind of solution that you are looking for. I am not a pro and very new to CS5 myself but I hope it may help you out. I think you are looking for something that can not be done effectively or consistently but I may be wrong. Perhaps someone knows but in the meantime . . . work around it. -
Site that automatically resizes images based on browser size
Hi. I need to make a site that automatically adjusts the size of the images based on the browser size, but keeps the image quality. Does anyone know how to do this without using flash?
I basically want the site to perform like [http://www.shotview.com/|http://www.shotview.com/] . Thanks for your help.first time accessing website get screen size info using javascript and then redirect to next page and store screen size info into session. then, when requesting pictures from browser use custom servlet, mapped to image extension, that renders images to different resolution.
-
How do I stop text from resizing to the size of the browser window
Hello there,
I am using a DW CS3 template that has a sidebar div and a
main content div - the text in the main content div keeps resizing
to the size of the browser window - I don't want the text to resize
if I make the browser window smaller - I want it to remain the
same. I am trying to float the text right and input a width but
this is not working for me. What am I doing wrong?
HELP!
Many thanks!>>What am I doing wrong?
Not giving us a link to the uploaded page so we can see the
page, how it
behaves and the actual code.
Until we see that you are unlikely to get a definitive
answer. The problem
is unlikely as you state it because text itself is never
dependant on the
browser viewport size.
Walt
"Fun Leprechaun" <[email protected]> wrote
in message
news:g9f7rq$ie4$[email protected]..
> Hello there,
>
> I am using a DW CS3 template that has a sidebar div and
a main content
> div -
> the text in the main content div keeps resizing to the
size of the browser
> window - I don't want the text to resize if I make the
browser window
> smaller -
> I want it to remain the same. I am trying to float the
text right and
> input a
> width but this is not working for me. What am I doing
wrong?
>
> HELP!
>
> Many thanks!
> -
How do I resize my flash to fit browser? Help plz
Yes I searched but none of the answers I saw made any sense so how do I make my flash fit any browser? like I made it 1280x800 to fit mine and then how do I make it fit a bigger or small one eg. 1800x1200?
There's is a way to do it? Flash Builder?
Basicaly, this is what i want: www.parasuco.com (resize the browser to see!)
Thanks! -
Make a background photo that will resize to the users browser size
I'm trying to create an effect like this in Iweb:
http://neistatbrothers.com/
You'll notice that the background image resizes to the browser size.
I have read threads like that say to edit the HTML from "Scroll" to "Fixed"... that doesn't seem work.
THIS website is NOT what I am looking for.
THIS website is NOT what I am looking for.
Thanks!Thanks Wydor,
I'm trying to decode this very elegent and cryiptic answer. I am an iweb user after all so I need a few more baby steps. I'm going to try and over-communicate to clarify. This response is long, but I appreciate your help.
The link that you sent me (the way that page looks) is exactly what I am looking for.
So I'm assuming that this is the code I will need :
<script language="JavaScript" type="text/javascript">
<!--
parent.document.body.style.backgroundImage='url(../images/beach.jpg)';
parent.document.body.style.backgroundRepeat='no-repeat';
parent.document.body.style.backgroundPosition='50% 0%';
parent.document.body.style.backgroundAttachment='fixed';
parent.document.body.style.MozBackgroundSize = 'cover';
parent.document.body.style.backgroundSize = 'cover';
// -->
</script>
And of course changing the image title and folder.
From iweb I have downloaded my "site" to a local folder where I can edit the HTML files from Dashcode 3.0.1.
The code looks like this for that page which I have titled "Blank", the Image I want to use is titled "SNV33631.jpg" :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.4" />
<meta name="iWeb-Build" content="local-build-20110920" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=700" />
<title>Blank</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="Blank_files/Blank.css" />
<!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Blank_files/BlankIE.css'/><![endif]-->
<!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/Widgets/Navbar/navbar.js"></script>
<script type="text/javascript" src="Blank_files/Blank.js"></script>
</head>
<body style="background: rgb(255, 255, 255) url(Blank_files/SNV33631.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; background: transparent; text-align: left; width: 700px; " id="body_content">
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 35px; margin-top: 0px; opacity: 1.00; position: relative; width: 630px; z-index: 1; ">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: Arial, sans-serif;\n\tfont-size: 1em;\n\tcolor: #666;\n\tmargin: 9px 0px 6px 0px;\n\tline-height: 30px;\n}\n\n.navbar-bg {\n\ttext-align: center;\n}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 10px 0px 10px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tcolor: #666;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tcolor: #666;\n}\n\nli a:hover\r{\r\n \tcolor: #463C3C;\n\ttext-decoration: none;\r}\n\n\nli.current-page a\r{\r\t color: #463C3C;\n\ttext-decoration: none;\n\tfont-weight: bold;\r\r}\n", "current-page-GUID": "68D4EEAC-3DE6-4685-B7F9-9DBD522AB485", "isCollectionPage": "NO"});
//--><!]]></script>
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
</div>
<div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 1px; width: 630px; height: 1px; left: 35px; position: absolute; top: 3px; width: 630px; z-index: 1; " class="tinyText">
<div style="position: relative; width: 630px; ">
<img src="Blank_files/shapeimage_1.jpg" alt="" style="height: 1px; left: 0px; position: absolute; top: 0px; width: 630px; " />
</div>
</div>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 480px; line-height: 480px; " class="spacer"> </div>
</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
</div>
</div>
</div>
</body>
</html>
My question are as follows
1: Where do I paste the code you gave me.
2: do I need to reformat or add modifiers like, "<" or ">" to it because it is Javascript not HTML code.
3: do I paste it in the "Index" file or the "Blank" file.
Thanks -
Page resizing as browser window changes sizes
http://www.missginasschoolofdance.netau.net/
I am having problems with a few of the pages I created using a table. Schedule and Tuition pages if you resize the browser I would like the page to move with it. The other pages work fine.
Thanks in advanceChange Table and TD width to percentages.
From
<td width="265">
to
<td width="40%>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
Does anyone understand this error message? It's occurring on a flash site in Safari when I resize the browser's window size. I've used the site for over a year and the crash only recently started happening when I upgraded to Snow Leopard. It doesn't happen with Firefox.
Process: WebKitPluginHost [697]
Path: /System/Library/Frameworks/WebKit.framework/WebKitPluginHost.app/Contents/MacOS /WebKitPluginHost
Identifier: com.apple.WebKit.PluginHost
Version: 6531 (6531.4)
Build Info: WebKitPluginHost-65310400~1
Code Type: X86 (Native)
Parent Process: WebKitPluginAgent [517]
PlugIn Path: /Library/Internet Plug-Ins/Flash Player.plugin/Contents/MacOS/Flash Player
PlugIn Identifier: com.macromedia.Flash Player.plugin
PlugIn Version: 10.0.32.18 (1.0.4f18472)
Date/Time: 2009-09-14 10:39:10.685 -0700
OS Version: Mac OS X 10.6.1 (10B504)
Report Version: 6
Interval Since Last Report: 2771 sec
Crashes Since Last Report: 5
Per-App Interval Since Last Report: 2549 sec
Per-App Crashes Since Last Report: 5
Anonymous UUID: 54DBF5DB-CFE1-4C27-BF9E-03078BB83999
Exception Type: EXCBADACCESS (SIGBUS)
Exception Codes: KERNPROTECTIONFAILURE at 0x0000000000000000
Crashed Thread: 0 Dispatch queue: com.apple.main-thread
Thread 0 Crashed: Dispatch queue: com.apple.main-thread
0 ...romedia.Flash Player.plugin 0x1611ceb9 0x15ffc000 + 1183417
1 ...romedia.Flash Player.plugin 0x161d6a4e 0x15ffc000 + 1944142
2 ...romedia.Flash Player.plugin 0x163bcaaf Flash_EnforceLocalSecurity + 689295
3 ...romedia.Flash Player.plugin 0x163bd34a Flash_EnforceLocalSecurity + 691498
4 ...romedia.Flash Player.plugin 0x163c1433 Flash_EnforceLocalSecurity + 708115
5 ...romedia.Flash Player.plugin 0x16314882 Flash_EnforceLocalSecurity + 610
6 com.apple.WebKit.PluginHost 0x0000ef47 0x1000 + 57159
7 com.apple.QuartzCore 0x92b096da backing_callback(CGContext*, void*) + 77
8 com.apple.QuartzCore 0x928a6af4 CABackingStoreUpdate + 2326
9 com.apple.QuartzCore 0x928a5de9 -[CALayer _display] + 958
10 com.apple.QuartzCore 0x928a027b CALayerDisplayIfNeeded + 621
11 com.apple.QuartzCore 0x9289f64a CA::Context::commit_transaction(CA::Transaction*) + 362
12 com.apple.QuartzCore 0x9289f290 CA::Transaction::commit() + 316
13 com.apple.CoreFoundation 0x94e00b02 __CFRunLoopDoObservers + 1186
14 com.apple.CoreFoundation 0x94dbe61c __CFRunLoopRun + 4588
15 com.apple.CoreFoundation 0x94dbcd34 CFRunLoopRunSpecific + 452
16 com.apple.CoreFoundation 0x94dbcb61 CFRunLoopRunInMode + 97
17 com.apple.HIToolbox 0x96f55fec RunCurrentEventLoopInMode + 392
18 com.apple.HIToolbox 0x96f55da3 ReceiveNextEventCommon + 354
19 com.apple.HIToolbox 0x96f55c28 BlockUntilNextEventMatchingListInMode + 81
20 com.apple.AppKit 0x93b79c95 _DPSNextEvent + 847
21 com.apple.AppKit 0x93b7950a -[NSApplication nextEventMatchingMask:untilDate:inMode:dequeue:] + 156
22 com.apple.AppKit 0x93b3b69b -[NSApplication run] + 821
23 com.apple.WebKit.PluginHost 0x00006a09 0x1000 + 23049
24 com.apple.WebKit.PluginHost 0x00002845 0x1000 + 6213Tentatively I want to say it seems to only occur when the Flash site's set to 100% of the window size.
-
hey there,
i want to create a flash site that fits completely into the
browser window (1024x768) witout having to scroll down. how big can
i make the flash document (vertically) and still fit safely on
screen?
thanks
kurtYou can create any size movie, but to fit browser window and
in the same time keep original size of elements, you have to
manually scale background movie.
This is an example from my site
Matter of Time, just try to
resize the browser window:
Stage.align = "LT";
Stage.scaleMode = "noScale";
stageListener = new Object();
stageListener.onResize = onResize;
Stage.addListener(stageListener);
function onResize()
In the browser you can set following settings to avoid scroll
bars and margins:
<body leftmargin="0" topmargin="0" marginheight="0"
marginwidth="0" scroll="no">
Also you have to set 100% for width and height for Flash
object.
ogousa
Matter of Time -
Regarding resizing of browser window
Hi,
I am working on getting my UI to resize accordingly if the user resizes their browser window on the desktop. I know how it is done using css and using javascript, but what I want to know is if there is any SAPUI5 specific functionality to support this. Specifically I wanted to know if individual UI components could detect size changes so I could implement some different logic in their case. I have so far not been able to find any such functionality. If anyone can share info regarding this it would be great.
ThanksHi Adarsh,
you said: Specifically I wanted to know if individual UI components could detect size changes so I could implement some different logic in their case.
No, that's not possible. The only way to detect and handle the resize of the screen with JavaScript is via window object:
window.onresize = function(event) {
// your code
Regards Michael -
Greetings: I need some assistance with resizing a browser.
I have a movie clip that runs and is a .swf. The stage size
on this is 800*600. Once the clip has finished I want to load an
application in the same window and adjust the browser window to
reflect 760*515 which is the size of the stage of the application.
I am using the getURL("
http://www.somewhere.com/filename/file.htm",
_self"); to load the application which works fine, however I cannot
see to figure out how to resize the browser. Any help would ba
appreciated. Thanks.use some Javascript:
<script language=Javascript>
<!--
self.moveTo(400,300); self.resizeTo(760,515); self.focus();
//-->
</script> -
Is there a plug in to resize the canvas size in Illustrator CS6? Not the artboard, the canvas size
Reckon that’s what he must mean
Are you sure, Steve?
Kurt may agree. -
Parallax scrolling not adjusting to different browser size, help?
Hello everyone,
I am putting together this parallax website, http://natashajackson.businesscatalyst.com/index.html and it works on my 15 in mac book, but does not adjust size for smaller or larger screens. I can't seem to make the timing for all the "scrolling effects" line up for all browser sizes.
I have watched many muse tutorials and have figured out how to avoid horizontal scrolling, but again, it only appears to be working on my 15 in book.
The below photo shows my layout properties. Any magical tips that I am missing? I look forward to your feedback!
Thank youHey manna9er I was able to figure out the 100% browser width and it turned out to be pretty simple. At first I was "Placing" my images into muse and scaling them to the width of browser, and it never was 100% width. I found that you cannot "Place" you must use the "Rectangle Tool" and create box the width of the browser, make sure that it is 100% browser width, the border line turns red and a tool tip informs you, as seen in image)
Next use the "Fill" option on your top menu bar-->select "Choose Image Background"--> upload image file-->scale to whatever size/style you want. (see image below)
For parallax go to Window-->scroll effects--> and play with Motion, Initial Motion, Key Point and Final Motion. Parallax takes some toying with to get desired effect.
Hope this helps -
How can you stop slideshow from resizing the browser window iframe ?
Does anyone know where the code is that causes the iweb slideshow to resize the browser window when it is opened?
When it is placed on a page using <iframe src="http://homepage.mac.com/coreydee/slideshow/index.html" width="760" height="580" scrolling="no" style="border:none;" frameborder="0"></iframe> It resizes the browser window when it starts.Does anyone know where the code is that causes the
iweb slideshow to resize the browser window when it
is opened?
When it is placed on a page using <iframe
src="http://homepage.mac.com/coreydee/slideshow/index.
html" width="760" height="580" scrolling="no"
style="border:none;" frameborder="0"></iframe> It
resizes the browser window when it starts.
The iWeb .Mac slideshow, which you previously tried to add in an iframe, does have a function to resize the window. But it would not cause the whole window to resize, just page within the iframe so you would never know.
However, the autoviewer one you are using should not do this. -
How to temporaly switch off flash in opera browser?
How to temporaly switch off flash in opera browser?
Not too sure there's a way to turn flash off temporarily. You
will have to uninstall it and then reinstall it when you want it
again.
Maybe you are looking for
-
EFT number updation in TDS certificates
Hi all, Where i have to update EFT number to get the same information at TDS cetificate in Cheque/DD column. Generally we are paying TDS amount by net transfer thru EFT. we have to update the same EFT number against payment document and internal chal
-
I need a doc link to connect 11g forms report and ODI ODQ software
hi i need a doc link to connect and install 11g forms report and ODI ODQ software with 11gR2. oracle forms/report 11g server is need to be installed on oel 5.6 64b box and My DB is on different home PC with OEL 5.6. The ODI DQ sofware need to be inst
-
Infamous 'updating environment strings'; isn't this fixed yet??
Ok this is killing me. I know there are posts, and I have weeded through them for the last hour. None of the solutions on here are working. Every install attempt of quicktime hangs up at the 'updating environment strings'. I've used CC Registry Clean
-
i am getting error while running the following query. to find max(two date columns) SELECT max(print_date,inv_date) FROM Temp;
-
Integration of Web Logic Server with OAM 11g
Hi all I'm trying to integrate OAM 11g with Web Logic server by following the steps mentioned in below link. http://download.oracle.com/docs/cd/E14571_01/core.1111/e10043/osso.htm#CHDFIGDC I placed oamAuthnprovider.jar file in mbean types folder and