Chart width in Firefox

[nklapperParticipant]

Chart displays fine in IE and Chrome, uses all available screen width. But in Firefox, it does not, using instead a too-small computed value for width. Here is the HTML code…

<div style=" position: absolute; top: 50px; left: 145px; ">
	<div id='jqxExpander' style="margin-right: auto; margin-left: auto; margin-bottom: 5px; margin-top: 5px; ">
            <div style="width: 97%";">
				<table style="font-size: 85%; color:white;">
					<tr>
						<td>&nbsp;Chart:</td>
						<td style="font-size: 125%;" width="99%" align="center" nowrap><b>&nbsp;INSTALLED BASE BY APP, CURRENT SHARE </b></td>
						<td align="right" nowrap>&nbsp;Usage Tips</td>
					</tr>
				</table>
            </div>
            <div >
                <ul>
                    <li>Hover over any pie slice to see its details.</li>
		    <li>You can also click the Legend (top left) to toggle the display of any slice.</li>
                    <li>A maximum of 20 slices are displayed. For smaller slice data, use the corresponding Grid. </li>
                </ul>
            </div>
    </div>
	<div style="width: 100%;">
		<div id='chartContainer' style=" height:80vh; width:99%"></div>    
	</div>
</div>

[DimitarParticipant]

Hello nklapper,

This behaviour seems to be a Firefox issue/quirk and is not related to jQWidgets, but rather to absolutely positioned elements. Even if you do not initialize a jqxChart from the chartContainer div, its width will be as already observed.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts