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 missing
http://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(Try Firefox & 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
-~----------~----~----~----~------~----~------~--~---
