Crossbrowser

Er der nogen af jer der kan udvide dette javascript så jeg kan angive forskellig størrelse (winH) for henholdsvis NS4, NS6 og Opera. Hvis det er IE el. Mozilla skal den bare være 100% ???

<table align="left" cellpadding="0" cellspacing="0" height="100%" width="712">
  <tr>
    <td align="left" width="700" valign="top">
      <table align="left" cellpadding="0" cellspacing="0" height="100%" width="700">
        <tr>
          <td align="left" height="50" valign="top"><img src="logo.gif"></td>
        </tr>
        <tr>
          <td align="right" height="20" valign="top"><img src="button2.gif" onMouseOver="this.src='Button3.gif'" onMouseOut="this.src='Button2.gif'"><img src="button2.gif" onMouseOver="this.src='Button3.gif'" onMouseOut="this.src='Button2.gif'"><img src="button1.gif"><img src="button2.gif" onMouseOver="this.src='Button3.gif'" onMouseOut="this.src='Button2.gif'"><img src="button2.gif" onMouseOver="this.src='Button3.gif'" onMouseOut="this.src='Button2.gif'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
        <tr>
          <td align="left" height="20" valign="top"></td>
        </tr>
        <tr>
<!-- <td align="left" height="100%" width="700" valign="top"> -->
<script>
var ns=0;
if (navigator.appName=="Netscape") ns=1;
var winH = (ns)? window.innerHeight-165 : "100%";
document.write("<td align='left' height='"+winH+"' width='700' valign='top'>")
</script>

<!-- <table align="left" cellpadding="0" cellspacing="0" height="100%" width="700"> -->
<script>
var ns=0;
if (navigator.appName=="Netscape") ns=1;
var winH = (ns)? window.innerHeight-165 : "100%";
document.write("<table align='left' cellpadding='0' cellspacing='0' height='"+winH+"' width='700'>")
</script>
         
              <tr>
                <td align="left" width="200" valign="top">

<!-- <table align="left" background="MenuSide.gif" cellpadding="0" cellspacing="0" height="100%" width="200"> -->
<script>
var ns=0;
if (navigator.appName=="Netscape") ns=1;
var winH = (ns)? window.innerHeight-165 : "100%";
document.write("<table align='left' background='MenuSide.gif' cellpadding='0' cellspacing='0' height='"+winH+"' width='200'>")
</script>

                    <tr>
                      <td align="left" valign="top" style="padding-bottom: 0px; padding-left: 20px; padding-right: 0px; padding-top: 0px;">
                      <img src="MenuItem.gif">&nbsp;Velkommen<br>
                      <img src="MenuItem.gif">&nbsp;Købsbetingelser<br>
                      <img src="MenuItem.gif">&nbsp;Special bestilling<br>
                      <img src="MenuItem.gif">&nbsp;Kontakt os<br>
                      </td>
                    </tr>
                    <tr>
                      <td align="center" valign="bottom">Banner</td>
                    </tr>
                  </table>
                </td>
                <td align="left" width="500" style="padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px;" valign="top">
                <p align="justify">Indhold<br>...</p>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td align="left" height="15" valign="bottom"></td>
        </tr>
        <tr>
          <td align="left" height="25" valign="bottom"><img src="bottom.gif"></td>
        </tr>
      </table>
   
    <td background="side.gif" width="12"></td>
  </tr>
</table>