In Safari, I am unable to make selections in a flash menu that I use (123 Flash Menu, by Dreamingsoft).

This only happens when mobile-only objects are at the same position as the desktop-only flash menu object.

Somehow Safari doesn't properly distingue between desktop-, and mobile-only objects when it comes to flash.

This is not the case in IE7 where it all works.

Update: I've found an answer, but not a solution:

quote:

A browser on a mobile device will use the CSS defined in the "handheld" media type while a desktop browser will use the CSS defined in the "screen" type. This is the theory -- in practice not all browsers respect the media type.

This message has been edited. Last edited by: timmersr,

Browsing the web on your issue shows that Safari has problems with Flash in general, just not on mobile devices. Does the iPhone even support Flash?

The desktop version of Safari does of course support flash, but the mobile (iPhone-)version doesn't (yet).

I'm not trying to make flash work on the iPhone; mobile-objects are interfering with the proper operation of flash desktop-objects.

To counter this (CSS-related) problem, there seems no other option then to create separate projects and redirect mobile browsers.

This defeats the purpose of using SS Pro's dual-layout, having to retype everything.

Hope this problem gets sorted out soon.

This message has been edited. Last edited by: timmersr,

Hi timmersr,

Safari should be respects the media queries very well but the iphone thinks of itself as a desktop browser. To get the iphone to use the mobile layout you must choose a mobile target size that includes the iphone screen size. If you choose (320x356) that will work and the iphone will then use the mobile layout.

This happens because the media query says: use the mobile layout if the browser is handheld OR if the device screen size if 320 pixels wide or less.

One thing to keep in mind is that many iphone emulators uses the Windows desktop size as the device size rather than the iphone's actual 320 pixel width.

To workaround that, you can either:

1. set the target size width to that of your desktop (in which case the desktop layout will not show)

2. change the media query (only for the duration of you testing) from "max-device-width" to "max-width".

3. use a real iphone or better emulator.

Option 2 is probably the simplest. If you use that one the mobile query would go from:
handheld, only screen and (max-device-width: [%MOBILE_TARGET_WIDTH+1%]px)
to:
handheld, only screen and (max-width: [%MOBILE_TARGET_WIDTH+1%]px)

max-width tells the browser to use the current window width rather than the screen width. If you are using an iphone emulator that sits inside a window, you may have to size that window down to 320 pixles also.