Forum Moderators: not2easy

Message Too Old, No Replies

Problems with responsiveness on a flash element

         

mattpone

8:12 pm on Oct 23, 2014 (gmt 0)

10+ Year Member



I have been asked to drop a flash element into the quick facts area of a test site. But as it doesn't resize it is overflowing to the right on tablets etc. Is there any way that I can prevent this from happening?

[edited by: not2easy at 9:33 pm (utc) on Oct 23, 2014]
[edit reason] Removed link per TOS [/edit]

not2easy

9:36 pm on Oct 23, 2014 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



What settings do you have in your css file for the Flash object and for the container it is being dropped into?

mattpone

10:19 pm on Oct 23, 2014 (gmt 0)

10+ Year Member



Hi it is inside the following div <div id="swiffycontainer" style="width: 300px; height: 250px;"> If I take the width out of it it dissapears completely and if I set it to max-width: 300px it resizes very very slowly as you scroll on a mobile and doesn't display properly in IE

not2easy

12:07 am on Oct 24, 2014 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



You had mentioned that it gives a problem on tablets. Are you having errors in mobile browsers and in IE? Is the site designed to handle mobile devices? You do need to set the width for the container div in your css file. It can cause quirks mode inline if you are using html5. You should have a viewport setting for mobile devices and you should also have a setting for embeds.

To get help with troubleshooting your css issues, it helps if you can tell us what doctype you are using and you can post the parts of the css file that are giving you problems. If you need more personalized help such as viewing the site, there is a place in the supporters forums where you can request a review.