Member Avatar for stbtwitter

Here is the link:
http://www.skyfirestudio.com/project1245/testhomeflash.php

Long story short, I need an swf file to display full screen underneath an html nav bar.

But...

The link above works fine except that since the nav bar is above the swf displaying the swf at 100% causes the controls for the swf to be below the browsers boundary causing a user to scroll down to use the controls, which is unacceptable.

I have tried displaying the swf at lesser percentages than 100% but that does not please my client either.

So i need the nav bar to be on top of the swf, have the swf fill the whole screen, (expect the part being occupied by the nav bar), and not have to scroll down to use the swf controls.

Any help would be much appreciated!

  • 6 Contributors
  • 5 Replies
  • 102 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by drumichael87

Recommended Answers

All 5 Replies

Member Avatar for PsychicTide

You could use a script to get the the users window height then make an iframe or div that will take up a certain percentage of that size dynamically. or maybe load the page already scrolled down to the bottom (although it would hide the menu then).

Member Avatar for kvprajapati

Use IFrame.

Member Avatar for almostbob 
<!--snipped for brevity -->
</head>
<body>
<div id="nav" style='top:0; position:absolute; z-index:100;'>
<ul>
<li><a href="">Home</a> | </li>
<li><a href="">Home</a> | </li>
<li><a href="">Home</a> | </li>
<li><a href="">Home</a> | </li>
<li><a href="">Home</a> | </li>
<li><a href="">Home</a> | </li>
<li><a href="">Home</a></li>
</ul>
</div>
<object style='top:0; z-index:0; position:absolute;' 
<!--snipped for brevity -->

both the menu.div and the flash.object start at window top
the menu is 100 layers on top of the flash, 1 or 10 would do equally well

Member Avatar for MidiMagic

The problem is that you are trying to do what is impossible, for all practical purposes.

The Internet is NOT designed to make something fit the browser window. It is a waste of time trying to do so.

100% height refers to the container, but browsers do not agree on what the container height is if the body tag is the container. Most browsers use the height of the content, not the height of the browser display pane.

Remember that the browser display pane has no set size. The following affect it:

- Screen resolution
- Monitor Aspect ratio (4x3, or 16x9)
- Which browser the user has
- Is the window restored down?
- Which toolbars the user has displayed
- Toolbar add-ons the user has installed

Member Avatar for drumichael87

Have you tried just putting the swf in another div?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.