There is a possible bug when using Firefox 3.0.1 under Rails 2.0.2
with embedding objects.
I discovered after upgrading to Firefox 3.0.1, embedded flash movies
will not display properly under Rails. The flash movies display
cropped thus not displaying the right and bottom sides of the movies.
By increasing the embedded object’s width and height the flash movies
will display properly within Firefox 3.0.1, but this will cause other
problems with other browsers.
After stripping away all unneeded code, it was discovered that Firefox
3.0.1 under Rails REDUCES the dimensions of an embedded object’s width
and height (all approximately 91% of original size).
For example, an object embedded at 400x400 will be reduced to 366x366,
600x600 reduced to 548x548, 200x200 reduced to 184x184 (all
approximately 91% of original size).
The test code and some screen shots compating various browsers is
posted here:
PLEASE NOTE: The same embedded Flash objects display properly when
using html and Firefox 3.0.1 (see screen shot Firefox 3.0.1 html). In
other words, the problem only occurs with Firefox 3.0.1 under Rails.
Firefox3.0.1/html, MSIE/Rails, Opera/Rails and Safari/Rails work
properly using the same embedded object.
Any ideas?
Does anyone else get the same results or is this just my setup?
There is a possible bug when using Firefox 3.0.1 under Rails 2.0.2
with embedding objects.
I discovered after upgrading to Firefox 3.0.1, embedded flash movies
will not display properly under Rails. The flash movies display
cropped thus not displaying the right and bottom sides of the movies.
By increasing the embedded object’s width and height the flash movies
will display properly within Firefox 3.0.1, but this will cause other
problems with other browsers.
How does the html generated via rails and the static file differ. Is
it something like a different content-type or doc type is triggering a
change in browser behaviour?
Does anyone else get the same results or is this just my setup?
Hi, I have noticed rendering issues with Firefox 3.0.1 an its ability to
properly
render these tags. Next, all browsers display rendered HTML or some
variant
of it. Furthermore, this is a Firefox issue that needs to be addressed
by
their core
development team. Finally, all browsers are not created equally and you
might
have to indicate on your site as to what browsers are recommended and/or
which
are not and why.
Good points, but there is nothing different with content-type or doc
type or any of the code. And the stylesheets have been removed.
I have posted the entire webpage code online so other can test for
themselves.
The webpage code was saved as demo.html, as well as, demo.rhtml within
the layout directory of the rails app. Each page is exactly the same.
When using Firefox 3.0.1 the html version displays as it should. But
the rails rhtml version reduces the embedded object by about 91% when
using Firefox 3.0.1.
MSIE, Opera, Safari display the embedded object at 100% size.
Prior upgrading to version 3.0, Firefox displayed the embedded objects
properly.
How does the html generated via rails and the static file differ. Is
it something like a different content-type or doc type is triggering a
change in browser behaviour?
Fred
Yes, I am thinking along the same lines. Most likely some CSS rule
from rails stylesheet gets involved.
Hi, Fred brings up a very good point because some browsers may not be
able
to
recover from HTML coding errors. Thus, there were 13 errors within your
HTML
code that you mention in the above. You should fix all the errors and
warnings
within your HTML by using the following page:
Good points, but there is nothing different with content-type or doc
the layout directory of the rails app. Each page is exactly the same.
Using: Rails 2.0.2, Mongrel 1.1.2, Ruby 1.8.6, Instant Rails 2.0. Win
Yes, I am thinking along the same lines. Most likely some CSS rule
within your HTML by using the following page:
When reviewing the two “source codes” output from Firefox 3.0.1 under
Rails and the html version, both are exactly the same. Weird!
I posted this over on Mozilla. No response yet.
Hi, they would be the same because the code rendered by the browser is
XHTML.
Furthermore, it doesn’t really matter what dynamic language you use
because
the
interpreter for the language will produce HTML which is then rendered by
the
browser.
Thus, you’re looking in the wrong place in trying to resolve your issue
because it’s
browser issue instead of a framework issue. Finally, it’s good that you
posted this
with the Mozilla team but I wouldn’t allow this issue to prevent me from
moving forward
with my project.
Do you have that problem in this URL too? Because my FF3.0.1 shows
it as 400px.
Try to install Firebug extension and then look what CSS rules apply to
your element.
The url (demo.html) will display properly at 400x400.
If you take that code (demo.html) and save it as demo.rhtml. Then view
demo.rhtml under rails using Firefox 3.0.1, you might see the the
resize problem.
This is the weirdness. The same code produces different results.
If you take that code (demo.html) and save it as demo.rhtml. Then view
demo.rhtml under rails using Firefox 3.0.1, you might see the the
resize problem.
Nope, it is still 400px when serverd from rails (2.1.0)
I removed and reinstalled Firefox 3.0.1 and the problem was still
there: under Rails the embedded objects were reduced in size to
approximately 91% of the original size. For example, an object
embedded at 400x400 reduced to 366x366,
600x600 reduced to 548x548, 200x200 reduced to 184x184.
Back to Firefox 2.0…
I removed Firefox 3.0.1 and installed Firefox 2.0 and the problem was
gone: embedded objects display properly at 100% size.