I am using a table in my page. I am changing the size (width and Height) of the table while resize of the browser. It is working fine with IE but not working with FF. Please provide me the solution.
I am opening the page using javascript with the following settings.
Expand|Select|Wrap|Line Numbers
- var WinSettings = 'titlebar=no, status=no,toolbar=no,menubar=no,location=no,scrollbars=no,resize=yes,resizable=yes';
- window.open('http://localhost/MyFirefox/Default2.aspx','MyPage',WinSettings);
[HTML]<script type="text/javascript" language="javascript">
function alertSize()
{
var myWidth = 0, myHeight = 0;
var x = document.getElementById('MyTable');
if( typeof( window.innerWidth ) == 'number' )
{
//Non-IE
myWidth = window.innerWidth - 20;
myHeight = window.innerHeight -20;
}
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
{
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth - 16;
myHeight = document.documentElement.clientHeight - 16;
}
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
{
//IE 4 compatible
myWidth = document.body.clientWidth - 20;
myHeight = document.body.clientHeight - 20;
}
document.getElementById('MyTable').style.width = myWidth;
document.getElementById('MyTable').style.height = myHeight;
}
</script>
</head>
<body onresize="alertSize()" onload="OnLoad()">
<form id="form1" runat="server">
<table id="MyTable">
<tr style=" width:100%;height:15%; vertical-align:top">
<td style="text-align: right">
<div style="width:100%; height:100%; background-color:Aqua">
<asp:Label ID="Div1" runat="server" Text="DIV1"></asp:Label><br />
<%--<asp:Label ID="Label1" runat="server" Text="DIV1"></asp:Label><br />
<asp:Label ID="Label2" runat="server" Text="DIV1"></asp:Label><br />
<asp:Label ID="Label3" runat="server" Text="DIV1"></asp:Label><br />
<asp:Label ID="Label6" runat="server" Text="DIV1"></asp:Label><br />
<asp:Label ID="Label7" runat="server" Text="DIV1"></asp:Label><br />--%>
<asp:Label ID="Label8" runat="server" Text="DIV1"></asp:Label><br />
<asp:Label ID="Label9" runat="server" Text="DIV1"></asp:Label><br />
<asp:Label ID="Label5" runat="server" Text="DIV1"></asp:Label><br />
<asp:Label ID="Label4" runat="server" Text="DIV1"></asp:Label><br />
</div>
</td>
</tr>
<tr style=" width:100%;height:70%; overflow:auto; vertical-align:top">
<td>
<div style="width:100%; height:100%; background-color:AliceBlue; overflow:auto">
<asp:Label ID="Div2" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label10" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label11" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label14" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label12" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label13" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label15" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label55" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label57" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label58" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label16" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label56" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label17" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label18" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label19" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label20" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label21" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label22" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label23" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label24" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label25" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label26" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label27" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label28" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label29" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label30" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label31" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label32" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label33" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label34" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label35" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label36" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label37" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label38" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label39" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label40" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label41" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label42" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label43" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label44" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label45" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label46" runat="server" Text="DIV2"></asp:Label><br />
<asp:Label ID="Label47" runat="server" Text="DIV2"></asp:Label><br />
</div>
</td>
</tr>
<tr style=" width:100%;height:15%; vertical-align:top">
<td>
<div style="width:100%; height:100%; background-color:BlueViolet">
<asp:Label ID="Div3" runat="server" Text="DIV3"></asp:Label><br />
<asp:Label ID="Label48" runat="server" Text="DIV3"></asp:Label><br />
<asp:Label ID="Label49" runat="server" Text="DIV3"></asp:Label><br />
<asp:Label ID="Label50" runat="server" Text="DIV3"></asp:Label><br />
<%--<asp:Label ID="Label51" runat="server" Text="DIV3"></asp:Label><br />
<asp:Label ID="Label52" runat="server" Text="DIV3"></asp:Label><br />
<asp:Label ID="Label54" runat="server" Text="DIV3"></asp:Label><br />
<asp:Label ID="Label53" runat="server" Text="DIV3"></asp:Label><br />--%>
</div>
</td>
</tr>
</table>
</form>
</body>[/HTML]