MatiasLaino

Layout Problem In Ie (Width Difference Between Chrome And Ie)

Recommended Posts

Hello, my problem is that when rendering a chart (Pie Chart / Bar Chart), the inline CSS created by the render is very different in Chrome (or FF) and Internet Explorer.

In Chrome/FF, the chart inherits correctly the width value of its parent of 55%, but on IE9 (and 8) it renders a css width of 1056 px; we have no idea where this value is coming from and require assistance.

 

Attached screenshot showing the rendered HTML and CSS.

 

post-38227-0-87662200-1363030307_thumb.jpg

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

Can you please share a live of the same URL with us?

Share this post


Link to post
Share on other sites

Hi, sorry but this is for an application for my company's client, and I'm not free to share a public URL with anyone outside the company :( Anything else I can provide you?

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

Can you please share a live of the same URL with us?

Share this post


Link to post
Share on other sites

I have the same problem :(

I put the chart in a div tag ,It worsk well for chrome ,firefox and safari . But It doesn't work in IE.

 

 

 

<div id="firstChartDiv" style="width: 600px; height: 400px">

</div>

 

<script type="text/javascript">

 

var isChartLoaded = false;

var chartType = '';

 

function ComboItemChanged(s, e) {

chartType = s.GetValue();

}

 

function FC_Rendered(DOMId) {

switch (DOMId) {

case "myChartId":

isChartLoaded = true;

break;

}

return;

}

 

function GenerateChart(jsonData) {

 

if (isChartLoaded) {

var chart = FusionCharts.items["myChartId"];

chart.dispose();

}

var chartType = chartTypee1.Get("FusionChartType");

 

FusionCharts.setCurrentRenderer('javascript');

 

var myChart = new FusionCharts("FusionChartsNewVersion/" + chartType + ".swf", "myChartId", "100%", "100%", "0", "1");

 

myChart.setJSONData(jsonData);

 

myChart.render("firstChartDiv");

}

 

</script>

 

I am sending you the printscreens of browsers. When I set chart height and width to 100%, Firefox and other browsers take the div tag as container as seen at screenshots, but IE takes the browser window as container.

I suppose I should add a case for IE , but how ? ( IE version : 9.0.8 , Fusion Chart Version : 3.2.2 )

 

Thanks in advance for the replies..

PrintScreens.zip

Edited by cranberries__089

Share this post


Link to post
Share on other sites

Hi,

 

What FusionCharts version are you using?

 

@version fusioncharts/3.2.4-sr1.9888<br style="color: rgb(107, 107, 107); font-family: verdana, arial, tahoma, sans-serif; line-height: 18px; background-color: rgb(247, 247, 247);">Javascript

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi,

 

Could you please provide the screen shot of the chart rendered in the IE browser and elaborate a bit more on your issue?

 

Awaiting your response!

Share this post


Link to post
Share on other sites

You can see on my first post the screenshots you are requesting, along with the HTML and CSS generated code.

Hi,

 

Could you please provide the screen shot of the chart rendered in the IE browser and elaborate a bit more on your issue?

 

Awaiting your response!

Share this post


Link to post
Share on other sites
Guest Sumedh

You can see on my first post the screenshots you are requesting, along with the HTML and CSS generated code.

 

 

Hi MatiasLaino,

 

Can you please send us the sample code? for testing purposes?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now