[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 310
  • Last Modified:

How to make the page equally in IE as it works in mozilla and chrome.

Please have a look at http://www.indiannursingcouncil.org/gfatm/testcharts/home.aspx.
The design is ok in mozilla and chrome.
But not working in IE.
Could any 1 please check it out.



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="home.aspx.cs" Inherits="home" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<title>GFATM 7 Training Management Information System</title>
<link href="css/mapsstyle.css" rel="stylesheet" type="text/css"/>
<LINK rel=icon type="image/ico" href="images/favicon.ico">
<script type="text/javascript" src="Visifire2.js" ></script>
    <script type="text/javascript">

        // Initial chart DataXml, It will be set from the Managed code in Page_Load Event
        var initialChartXml;

        // Define visifire chart
        var vChart = new Visifire2("SL.Visifire.Charts.zip", 355, 300);

        /* Call this function to render the chart. You need to make sure that
        *  VisifireChart0 div is ready before you render the chart */
        function renderChart(dataxml)
        {

            if (document.getElementById('VisifireChart0') != null)
            {
                vChart.setDataXml(dataxml);
                vChart.render('VisifireChart0');
            }
        }
     
    </script>
<script type="text/javascript" language="javascript">
        function DoSomething(id)
        {
            var popup = document.getElementById("iFrameContainer");
            var frame = document.getElementById("myFrame");
            if (popup != null && frame != null)
            {
                frame.src = "StateDetails.aspx?Id=" + id;
                popup.style.display= "block";
               
            }
        }
     
     
    </script>
    <style type="text/css">
        .style20
        {
            color: #FFFFFF;
            font-size: small;
        }
        .style24
        {
            height: 160px;
        }
        .style244
        {
            width: 301px;
            height: 160px;
            background-image: url('images/5.jpg');
        }
       
        .style27
        {
            height: 50px;
            width: 31px;
        }
        .style28
        {
            width: 954px;
        }
       a {font-family:arial; font-size:small}
       a:link {color:white;}
       a:visited {color: #FFFFFF;}
       a:hover {text-decoration: none; color: #000040;}
        a:active {color: red;text-decoration: none}
       


               
        .style31
        {
           
            background-position: left top;
            background-repeat: no-repeat;
            padding-left: 15px;
            text-align: left;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: x-small;
            color: #333333;
            font-weight: normal;
            padding-bottom: 4px;
            float: left;
        }
       
               
   
        .style31
        {
            text-align: left;
            height: 16px;
           
            font-family:Arial;
            font-size:small;
        }

               
        .style251
        {
            width: 900px;
            height:100px;
        }

               
        .style253
        {
            height: 18px;
            text-align: left;
            font-family: Arial;
            color: #FFFFFF;
            font-size: small;
            width: 100px;
        }
        .style254
        {
            height: 23px;
        }

               
        .style255
        {
            width: 31px;
        }
        .style256
        {
            height: 23px;
            width: 31px;
        }
       
               
        .style259
        {
            width: 200px;
        }

               
        .style262
        {
            color: #3366FF;
            font-family: Arial, Helvetica, sans-serif;
            font-size: small;
        }
            area{
                  cursor:pointer;      
            }

               
        </style>

   
</head>

<body style="margin-top:0px; text-align:center">
<form id="form1" runat="server">

<table width="960" border="0" cellpadding="0" class="main_table" style="padding-top:15px;">
  <tr>
    <td align="center" class="style28">
        <table width="894" border="0" cellpadding="0" cellspacing="0">
          <tr>
                <td width="182" class="main_table_paddng" style="padding-left:0px;padding-right:0px">
              <img src="images/header copy1.jpg"  class="style251" />
            </td>
          </tr>
        </table>
   </td>
  </tr>
  <tr>
        <td>
          <table width="1000" border="0" cellpadding="0" cellspacing="0">
              <tr>
                  <td valign="top" align="left" style="width:500px;float:left;padding:0;margin:0;">
                      
                         <div id="iFrameContainer" style="z-index:+1; position:absolute;left:480px; top:125px; display:none;" onmouseout="this.style.display='none'">
         <iframe src="#" id="myFrame" width="400" height="500" frameborder="1">
       
         </iframe>
                        </div>
                     
                       
                        <div id="map"><img src="images/india_map3.jpg" width="563" height="653" border="0" usemap="#Map" />
                          <map name="Map" id="Map">
                          <area shape="rect" coords="492,251,532,263" id="e3" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="315,280,362,291" id="e6" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="371,288,426,300" id="e7" onclick ="JavaScript:DoSomething(this.id);" />
                         
                          <area shape="rect" coords="428,273,461,283" id="e8" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="173,103,247,114" id="n1" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="215,148,269,157" id="n4" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="138,128,167,138" id="n5" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="179,133,229,143" id="n6" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="143,51,219,64" id="n7" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="138,167,174,178" id="n8" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="187,177,239,188" id="n9" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="222,211,281,222" id="n10" onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="323,235,354,246" id="n11"  onclick ="JavaScript:DoSomething(this.id);" />
                          <area shape="rect" coords="383,186,412,196" id="ne1"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="511,220,553,230" id="ne2"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="464,217,495,227" id="ne3"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="426,242,474,253" id="ne4"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="467,176,546,188" id="ne5"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="251,330,310,342" id="s2"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="304,350,336,362" id="s7"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="477,282,518,293" id="s9"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="230,532,280,544" id="s12"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="113,470,164,483" id="s13"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="169,553,221,567" id="s14"  onclick ="JavaScript:DoSomething(this.id);"/>  
                          <area shape="rect" coords="187,423,257,435" id="s16"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="76,453,101,464" id="s17"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="123,555,155,567" id="s18"  onclick ="JavaScript:DoSomething(this.id);"/>  
                          <area shape="rect" coords="96,217,145,229" id="w1"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="50,288,86,300" id="w2"  onclick ="JavaScript:DoSomething(this.id);"/>
                          <area shape="rect" coords="112,366,168,379" id="w11"  onclick ="JavaScript:DoSomething(this.id);">
                          <area shape="rect" coords="167,288,239,302" id="w12"  onclick ="JavaScript:DoSomething(this.id);"/>  
                          </map>
                        </div>
                      </form>
                </td>
                <td valign="top" align="right" style="height:653px;width:380px;float:right;padding:0;margin:0;">
                      <table>
                          <tr>
                              <td>
                               
                                    <div id="VisifireChart0" style="height: 300px; width: 355px;">
                   
                    <script type="text/javascript">

                        // Renders the initial chart soon after page loads
                        renderChart(initialChartXml);
                       
                    </script>
                </div>

               </td>
       
                           
                        </tr>
                    </table>
                      <div class="indexBG">
                          <div align="center">
                            <div class="graph_desc_1">
                                <table width="320" border="0" cellspacing="5" class="style24">
                                    <tr>
                                      <td style="color:White;width:150px;text-align:left;font-family:Arial;font-size:small">Nurses Trained</td>
                                      <td class="style256"><span class="style20">:</span></td><td style="color:White;text-align:left;font-family:Arial;font-size:small">
                                      <asp:Label id="lbltontotal" runat ="server" Text='<%# Eval("A")%>'></asp:Label>       </span></td>
                                    </tr>
                       
                                    <tr>
                                        <td style="color:White;width:150px;text-align:left;font-family:Arial;font-size:small">Trainers Trained</td>
                                      <td class="style256"><span class="style20">:</span></td><td class="style254"><span class="style20"><asp:Label id="lbltottotal" runat ="server" Text='<%# Eval("A")%>'></asp:Label></span></td>
                                    </tr>
                       
                                    <tr>
                                       <td style="color:White;width:150px;text-align:left;font-family:Arial;font-size:small">Master Trainers Trained</td>
                                      <td class="style255"><span class="style20">:</span></td><td><span class="style20">
                                      <asp:Label id="lblmtottotal" runat ="server" Text='<%# Eval("A")%>'></asp:Label></span></td>
                                    </tr>                    
                                    <tr>
                                       <td style="color:White;width:150px;text-align:left;font-family:Arial;font-size:small">TON's Conducted</td>
                                          <td class="style255"><span class="style20">:</span></td><td><span class="style20">
                                          <asp:Label id="lblton" runat ="server" Text='<%#Eval("A")%>'></asp:Label></span></td>
                                          </tr>
                                    <tr>
                                       <td style="color:White;width:150px;text-align:left;font-family:Arial;font-size:small">TOT's Conducted</td>
                                      <td class="style255"><span class="style20">:</span></td><td><span class="style20">
                                      <asp:Label id="lbltot" runat ="server" Text='<%# Eval("A")%>'></asp:Label></span></td>
                                    </tr>
                                    </table>
                             </div>
                        </div>
                    </div>
                    <div>
                          <table border="0" align="center" cellpadding="0" cellspacing="0" class="style244">
                          <tr>
                           <td class="style31">
                                  <a id="A1" runat="server" target="_blank" href="loginpi.aspx">
                                  Performance Indicators</a>
                              </td>
                          </tr>
                          <tr>
                              <td class="style31">
                                  <a id="h2" runat="server" target="_blank" href="viewitc.aspx">
                                  Institutes/Trainers/Calandar</a>
                              </td>
                          </tr>
                          <tr>
                            <td class="style31">
                                <a id="h3" runat="server" target="_blank" href="newsletters.aspx">
                                Newsletters</a>
                            </td>
                          </tr>
                          <tr>
                            <td class="style31">
                                <%--<a id="h5" runat="server" target="_blank" href="http://www.atlasadvisories.com/HIV_AIDS_ART/">
                                e-learning</a>--%>
                                <a id="h5" runat="server" target="_blank" href="uc.aspx">e-learning</a>
                               
                            </td>
                          </tr>
                          <tr>
                            <td class="style31">
                                <a id="h4" runat="server" target="_blank" href="loginsms.aspx">
                                <span lang="en-us">Send SMS</span></a>
                            </td>
                          </tr>
                          <tr>
                            <td class="style31">
                                <a id="h6" runat="server" target="_blank" href="signupincfutures.aspx">INC/Futures Login
                                </a>
                            </td>
                          </tr>
                          <tr>
                            <td class="style31">
                           <a id="h7" runat="server" target="_blank" href="logindataentry.aspx">Data Entry Dashboard</a>            
                              </td>
                          </tr>
                         
                        </table>
                    </div>
                </td>
            </tr>
        </table>
    </td>
  </tr>
   <tr>
        <td width="884"  style=" text-align:center;" class="style262" >© 2008, India Nursing Council, All rigths reserved
      </tr>
  <tr>
        <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; padding-bottom:20px;">
           
            <strong>
       
          </td>
      </tr>
</table>
    </form>
</form>
</body>
</html>
0
searchsanjaysharma
Asked:
searchsanjaysharma
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
You have two extra </form> tags.  Get rid of the first two, leave the last one.  You have an extra </span> tag on this line: <span id="lbltontotal">70456</span>       </span></td>  You also have a duplicate id="map", there should be only 1.  And HTML 4.01 doesn't use the extra '/' to end a tag, just '>' without the slash.
0
 
RouchieCommented:
Or go here: http://validator.w3.org/
This will check your page and report all the errors that it finds.
0
 
Easwaran ParamasivamCommented:
Only one form should be exist. For other form tag try to replace Div tag.
0
 
searchsanjaysharmaAuthor Commented:
Thanx
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now