Hello,
I am making an interactive page by using Flash CS5, but I am running into a problem when using Firefox. It appears very small on Firefox, but it appears nice and big on Chrome. I'm trying to make it take up the whole frame that is created.
I use the "Add Flash/Shockwave" button, and use a file I already uploaded to my course.
Here is the HTML code i use after it is done (I removed the div style because I thought that might restrict it)
<div><object height="100%" width="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" id="FlashPlayer"><a href="https://ysu.blackboard.com/bbcswebdav/xid-374427_1" target="_blank">Click Here if the video is not appearing correctly.</a> <param name="menu" value="1" /> <param name="play" value="1" /> <param name="quality" value="best" /> <param name="loop" value="0" /> <param name="movie" value="https://ysu.blackboard.com/bbcswebdav/xid-374427_1" /> <param name="wmode" value="transparent" /> <embed height="100%" width="100%" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" menu="true" quality="best" alt="" play="true" loop="false" wmode="transparent" src="https://ysu.blackboard.com/bbcswebdav/xid-374427_1" type="application/x-shockwave-flash" /> </object></div>
Anybody have some suggestions?
Also, here is an image of a comparison between Google Chrome/Firefox 3.6/IE 6
http://i55.tinypic.com/e9cjzt.jpg
If you look in html mode in Firefox, was any extra code thrown in or does the code appear identical to the other browsers? I always see a lot of mozilla code in my pages on Firefox. If it's retaining the width and height designations (100%), I could only suspect that some other code, another div, etc. might be causing this.
I compared both sources of Firefox and Chrome, and they are identical. I checked the Page source, the frame that the actual flash file is in, and the main CSS style sheet.
Before the code I've posted before, there are div tags that deals with my flash movie
<div id="contentPanel" class="contentPane "> <div class="shadow"> <div id="editmodeWrapper"> <div id="content" class="contentBox "> <div class="container clearfix" id="containerdiv"> <div class="vtbegenerated"><div>
I'm not sure if Firefox reads the css file differently... but it is quite the problem.
So far I have a work around (create an html object, and just make one of the side links go to that html object). The problem with that, is the side menu disappears. I would ultimately like to have the course menu still visible.
It definitely sounds like a CSS issue. If you use the Firefox Web Developer add-on, you can use the OUTLINE > Outline Block Level Elements + Show Element Names When Outlining to see what's going on there.
A second thing you can do so the Left Navigation shows up is to not link directly to the HTML Object. Instead, use (in the location where you want it to reside) Build Content > File (and then browse your course for the HTML Object). If you want the menu item to open this, insert a menu item for Create Course Link and then browse for that File link that you just created. Again, it's not the html object itself, but a link that points to it. This does create one extra step, but it works.
So, what you will have is a 1) Course Menu Link that points to a 2) File link inserted in your course content that points to 3) the HTML Object.
Liz
I used the Web Developer add-on you suggested, and it showed the same results as I found by looking at the source code. I looked at the main CSS sheet, it is just to overwhelming to even look at (it lacks formatting).
I then proceeded to use what you have suggested, and now both browsers are behaving similarly. There is a huge white space above and below my flash file. But it appears all the white space is also part of the flash file, because when I right-click it, the Flash player menu appears. I looked at what class was associated with the new code for the page and I found that the min-height for the iframe is 1200px. I wonder if there is a way to override that.
If anybody has a suggestion on a good size (pixel high x pixel wide) for a flash presentation on Blackboard, that would be greatly appreciated. It would probably be easier to set the dimensions, instead of trying to let it change depending on the users screen size.
I am able to both have the side menu appear (IE and Firefox) and display the Flash identically by using Build Content > Item (after creating menu link to new content) and by designating the height and width as you noted . I always use the actually dimensions of the Flash file unless it is too large. Otherwise, I end up strange things like the tiny file in Firefox. I've not experienced the min-height (white space) problem, but this could be related to a different template being used.