Thanks for your input Sam. Could you give more information about the JQuery plugin and a link to developer tools from Microsoft?
Can I use CSS in-line like that but, just for IE7/Chrome? (I'm using Joomla). I take it there is no way to have IE7 cope with the % sizes? The key issue is because I am using a trial version of amCharts. Aaron On Jun 12, 6:49 pm, Sam Sherlock <[email protected]> wrote: > I get the charts in ff3 & ie8. ie7 displays blank space. Chrome also > displays nothing (perhaps chrome is compat with 1.5) opera 9.64 displays ok. > FF3 makes full use of the space available - none of the other browsers do > nearly as well (there is a jquery plugin to handle this - but be wary of > using too much js in a page as it can choke the browser) > using developer tools (downloadable from Microsoft) I can see that ie8 is > setting the size of flashcontent1, flashcontent2 & flashconten3 to 192x192 > > however ie7 calculates sizes differently the size is 0x0 > > as Aran said you can control this by setting sizes in css rather than > leaving it up to the browser (this is why ie7 arrives at 0x0) > > eg this gets ie7 to display the charts (your issue is that ie7 does not > support min/max width without fudging and hoop jumping) > > #flashcontent1, > #flashcontent2, > #flashcontent3 { > width: 240px; > height: 200px; > > } > > also this file is > missinghttp://www.mainstreetefficiency.com/amcharts/amcolumn/amcharts_key.txt > > - S > > 2009/6/12 aaron <[email protected]> > > > > > I'm just using the code above from within Joomla (in an article) which > > has all CSS stored separately. > > > Do you see the charts in IE7? I just get an empty space where they > > should be but they show in Firefox > > > Aaron > > > On Jun 11, 1:32 pm, Aran Rhee <[email protected]> wrote: > > > Aaron > > > > So you need to control the layout of the divs using CSS. The swfs will > > fill > > > the div you specify 100%, but you can independently position / size the > > > flashcontent divs. What CSS are you using / what do you want to actually > > > happen on resize etc? > > > > BTW - IE7 and FF3 look exactly the same for me on initail page load and > > page > > > resize. > > > > Aran > > > > On Thu, Jun 11, 2009 at 9:09 PM, aaron <[email protected]> wrote: > > > > > Hi guys, > > > > > I'm really stuck and need some help here. I've got three amcharts > > > > (flash) in a table (one row, three cells, one in each). If I set the > > > > width/height to 100% (swfobject v1.5) each one occupies the maximum > > > > available space and resizes when the window resizes. > > > > > This is what I want to happen. Unfortunately this only happens in > > > > Firefox (3), IE7 & Safari don't display anything if set these values > > > > as percentages but show up if I use pixel values (e.g. 220, 220), > > > > resizing does not then work as I want to. > > > > > How can I fix this and use percentages? (I've tried using swfobject > > > > 2.1, it makes no difference). > > > > > Seehttp://www.mainstreetefficiency.com(TryFirefox & IE 7/Safari) > > > > > Thanks in advance, > > > > > Aaron > > > > > To help here is the code I'm using to insert the charts: > > > > > <h3 style="text-align:left">Recent Impacts of the MainStreet > > > > Initiative</h3> > > > > <div id="charts" style="text-align:center"> > > > > <table> > > > > <tbody> > > > > <tr> > > > > <td> > > > > <script type="text/javascript" > > > > src="/amcharts/amcolumn/ > > > > swfobject.js"></script> > > > > <!-- this id must be > > unique! > > > > --> > > > > <div id="flashcontent1"> > > > > <strong>You need > > to > > > > upgrade your Flash Player</strong> > > > > </div> > > > > <script type="text/javascript"> > > > > // <![CDATA[ > > > > var so = new > > > > SWFObject("/amcharts/amcolumn/amcolumn.swf", > > > > "amcolumn1", "100%", "100%", "8", "#FFFFFF"); > > > > so.addVariable("path", > > > > "/amcharts/amcolumn/"); > > > > > so.addVariable("settings_file", encodeURIComponent("/amcharts/ > > > > amcolumn/mainstreet/kwhsaved_settings.xml")); > > > so.addVariable("data_file", > > > > encodeURIComponent("amcharts/ > > > > amcolumn/mainstreet/kwhsaved_data.xml")); > > > > > so.addVariable("preloader_color", "#999999"); > > > so.write("flashcontent1"); > > > > // this id must match the div id > > > > above > > > > // ]]> > > > > </script> > > > > </td> > > > > <td> > > > > <div id="flashcontent2"> > > > > <strong>You need to > > upgrade > > > > your Flash Player</strong> > > > > </div> > > > > <script type="text/javascript"> > > > > // <![CDATA[ > > > > var so = new > > > > SWFObject("/amcharts/amcolumn/amcolumn.swf", > > > > "amcolumn1", "100%", "100%", "8", "#FFFFFF"); > > > > so.addVariable("path", > > > > "/amcharts/amcolumn/"); > > > > > so.addVariable("settings_file", encodeURIComponent("/amcharts/ > > > > amcolumn/mainstreet/jobscreated_settings.xml")); > > > so.addVariable("data_file", > > > > encodeURIComponent("amcharts/ > > > > amcolumn/mainstreet/jobscreated_data.xml")); > > > > > so.addVariable("preloader_color", "#999999"); > > > so.write("flashcontent2"); > > > > // ]]> > > > > </script> > > > > </td> > > > > <td> > > > > <div id="flashcontent3"> > > > > <strong>You need to > > upgrade > > > > your Flash Player</strong> > > > > </div> > > > > <script type="text/javascript"> > > > > // <![CDATA[ > > > > var so = new > > > > SWFObject("/amcharts/amcolumn/amcolumn.swf", > > > > "amcolumn1", "100%", "100%", "8", "#FFFFFF"); > > > > so.addVariable("path", > > > > "/amcharts/amcolumn/"); > > > > > so.addVariable("settings_file", encodeURIComponent("/amcharts/ > > > > amcolumn/mainstreet/carbonreduced_settings.xml")); > > > so.addVariable("data_file", > > > > encodeURIComponent("amcharts/ > > > > amcolumn/mainstreet/carbonreduced_data.xml")); > > > > > so.addVariable("preloader_color", "#999999"); > > > so.write("flashcontent3"); > > > > // ]]> > > > > </script> > > > > </td> > > > > </tr> > > > > </tbody> > > > > </table> > > > > </div>- Hide quoted text - > > > > - Show quoted text - --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SWFObject" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/swfobject?hl=en -~----------~----~----~----~------~----~------~--~---
