Archive for the 'Cross-browser' Category

Another Firefox “picia” (prank)

Sunday, February 28th, 2010 by Luis

The Problem:

In Firefox 3.6 for Windows if you embed a Flash Movie with the wmode parameter in the object tag set as default (wmode=”window”) the mouse wheel event is not propagated correctly, instead it is captured automatically by the Flash movie making the scroll wheel not working properly.

Common Example (youtube video):

If you hover the mouse cursor over the embedded video, the mouse wheel doesn’t scroll any more, instead if you leave the embedded video area the mouse wheel scrolls correctly.

http://www.youtube.com/watch?v=ySEQMOPXccE

The Solution:

The only solution I have found so far is setting the wmode parameter in the object tag to “opaque” or “transparent” so the mouse wheel event is propagated correctly, but this solution is far away from ideal.

FireFox 3.6 draws one-pixel border.

Saturday, January 30th, 2010 by Luis

FireFox 3.6 draws one-pixel border aorund embedded SWF (also occurs with Java Applets) where the width and height is set to 100%, causing pointless scrollbars to appear.

It seems to be a side effect of fixed usability problem which makes old bugs to appear.

Solution 1:

In about:config:

Set browser.display.focusringonanything to true and set browser.display.focusring_width to 0

Solution 2:

Paste this in your css/stylesheet:

a:focus, object:focus { outline: none; -moz-outline-style: none; }

Thanks Thomas for the info.

See more at support.mozilla.com forum (FireFox 3.6 draws a one-pixel border…)

Flash loading and browser cache test-suite

Thursday, July 10th, 2008 by Thomas

As a little homage to our most popular and seemingly helpful blog post about the Nasty XML load bug in Internet Explorer I created an app that tests the caching behavior of the browser it’s running in.

To recap - Loading XML files in Flash over an SSL Connection in Internet Explorer fails if the “Pragma: no-cache” or “Cache-Control: no-cache” HTTP headers are set in the server’s response.
In AS2 the loading failed silently, in AS3 we at least get an IO Error #2032, which has been discussed several times (see below)

If you want to keep the browser from caching your dynamic content you’ll have to use other means.
Judging from my tests, the best headers to prevent caching without causing errors in IE are: “Cache-Control: no-store” and/or “Expires: Thu, 01 Jan 1970 01:00:00 GMT”.

You can access the test suite here:

Set the headers that you’d like the server-script to return and find out what happens when the same request is sent twice after each other.
Use the Live HTTP Headers Plugin for Firefox if you’d like to see what the server actually returns.

Other interesting insights

  • The problem still exists in Internet Explorer 7! Don’t know about Vista…
  • Here it’s suggested that “Cache-Control: must-revalidate” and “Cache-Control: max-age=0″ also work. While that’s true in the sense that they don’t cause an error IE, they don’t seem to prevent caching 100% - there is a timeout.
  • “Pragma: no-cache” causes the error in IE, but doesn’t actually prevent it from caching at all when it’s set on a non-ssh connection.
  • Firefox internally sets the expiry date of script files to the past - so unless you set the “Expires” header to the future it’ll never cache the content.
  • Safari and Firefox change their caching behavior when the “Last Modified” header is set. If it’s in the past they seem to be happy to cache the file for you.

PHP sessions

Note that in PHP, as soon as you use sessions with session_start() the no-cache headers are added automatically. You’ll have to replace those headers or turn the default behavior off in php.ini. To replace the headers (found in the comments of the original post, see also the session-cache-limiter function and comments):

session_cache_limiter(’public’);
session_start();
header (”Cache-Control: cache, must-revalidate”);
// or if you still want to prevent caching
header (”Cache-Control: no-store”);
header (”Pragma: public”);

Related links:

Toro Rosso

Tuesday, March 27th, 2007 by Torsten

The next Red Bull F1 team strikes back with a brand new website. Our intention was to involve the user in such a way that he is really feeling close to what is happening on the race track.


The relaunch shows the usual Less Rain tuning (friendly Search Engine Optimization (SEO) , Alternate HTML version optimized for ScreenReader, Back Button, Deeplinking).

Sound design by Taeji Sawai, straight from Japan.

Related entries: