[Last Call] Learn how to a build a cloud-first strategyRegister Now

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

not visible in I.E 7

This is my site: http://987321654.canadacouncil.net/

Into IE7 i'm having a blank screen... always... so i have to click on the 'Refresh' button to show that page... could you please advice.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="CCFA.layouts.layouts.ggla.Main" %><%--
--%><!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <!-- Title Tag-->
    <title><asp:Literal ID="_litBrowserTitle" runat="server"></asp:Literal></title>
      
      <!--Meta Tag-->
      <sc:Placeholder ID="_phMetaTags" runat="server" Key="metaTags" />
      <meta charset="utf-8">      
      <meta name="description" content="">
      <meta name="author" content="">      
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
0
LelloLello
Asked:
LelloLello
  • 8
  • 5
  • 2
2 Solutions
 
LelloLelloAuthor Commented:
here is my style
style.css
0
 
LelloLelloAuthor Commented:
I found that one related to my problem but i don't know hwat i should od any idea ? http://www.kerrywong.com/2006/10/31/meta-refresh-bug-in-ie7/
0
 
LelloLelloAuthor Commented:
I've removed the following script from my page.

 <!--Browser Test: -->
      <script type="text/javascript" src="/common/ggla/js/libs/modernizr-2.0.min.js"></script>
    <script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function () {
        });
        </script>

And it's working fine in IE7.  so how i'm able to fix that modernizr for IE 7 ?

FYI --- See what microsoft say: http://support.microsoft.com/kb/933006 
So for my script is modernizr-2.0.min.js What that will do ?
0
Transaction-level recovery for Oracle database

Veeam Explore for Oracle delivers low RTOs and RPOs with agentless transaction log backup and transaction-level recovery of Oracle databases. You can restore the database to a precise point in time, even to a specific transaction.

 
Michel PlungjanIT ExpertCommented:
You are missing jQuery on the page

<script type="text/javascript" src="/common/ggla/js/libs/modernizr-2.0.min.js"></script>

should be

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="/common/ggla/js/libs/modernizr-2.0.min.js"></script>

for example
0
 
David Johnson, CD, MVPOwnerCommented:
line 24 jquery error
0
 
Michel PlungjanIT ExpertCommented:
@ve3ofa: I just posted why...
The jQuery on line 358 has to be moved to the top of the page

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
          <script type="text/javascript">!window.jQuery && document.write(unescape('%3Cscript src="/common/ggla/js/libs/jquery-1.6.2.min.js"%3E%3C/script%3E'))</script>
0
 
LelloLelloAuthor Commented:
Hi Mplungian,

Thank you for your reply. so my main.aspx should be :

Could  you paste your change into my main.aspx to test it.

Thank you.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="CCFA.layouts.layouts.ggla.Main" %><%--
--%><!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <!-- Title Tag-->
    <title><asp:Literal ID="_litBrowserTitle" runat="server"></asp:Literal></title>
       
       <!--Meta Tag-->
       <sc:Placeholder ID="_phMetaTags" runat="server" Key="metaTags" />
       <meta charset="utf-8">     
       <meta name="description" content="">
       <meta name="author" content="">   
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       
       <!--stylesheets-->
       <%--<link rel="shortcut icon" href="/common/ggla/favicon.ico">
       <link rel="apple-touch-icon" href="/common/ggla/apple-touch-icon.png">--%>
       <link rel="stylesheet" href="/common/ggla/css/style.css">

    <!--Browser Test: -->
       <script type="text/javascript" src="/common/ggla/js/libs/modernizr-2.0.min.js"></script>
    <script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function () {
        });
        </script>
</head>
<body>
              <form id="form1" runat="server">
        <sc:placeholder runat="server" id="_phccfaHeader" key="ccfaHeader"></sc:placeholder>
        <sc:placeholder runat="server" id="_phNavMain" key="NavMain"></sc:placeholder>
        <sc:placeholder runat="server" id="_phMain" key="Main"></sc:placeholder>
        <sc:placeholder runat="server" id="_phFooter" key="Footer"></sc:placeholder>
        <sc:placeholder runat="server" id="_phccfaFooter" key="ccfaFooter"></sc:placeholder>
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
           <script type="text/javascript">!window.jQuery &amp;&amp; document.write(unescape('%3Cscript src="/common/ggla/js/libs/jquery-1.6.2.min.js"%3E%3C/script%3E'))</script>
           <script type="text/javascript" src="/common/ggla/js/plugins.min.js"></script>
           <script type="text/javascript" src="/common/ggla/js/script.js"></script>
           <asp:literal runat="server" id="_trackingScript"></asp:literal>
           
    </form>
</body>
</html>

Open in new window

0
 
Michel PlungjanIT ExpertCommented:
Just MOVE the jquery to be the first script in the head.
0
 
LelloLelloAuthor Commented:
it's correct like that ?
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="CCFA.layouts.layouts.ggla.Main" %><%--
--%><!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <!-- Title Tag-->
    <title><asp:Literal ID="_litBrowserTitle" runat="server"></asp:Literal></title>
       
       <!--Meta Tag-->
       <sc:Placeholder ID="_phMetaTags" runat="server" Key="metaTags" />
       <meta charset="utf-8">    
       <meta name="description" content="">
       <meta name="author" content="">  
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       
       <!--stylesheets-->
       <%--<link rel="shortcut icon" href="/common/ggla/favicon.ico">
       <link rel="apple-touch-icon" href="/common/ggla/apple-touch-icon.png">--%>
       <link rel="stylesheet" href="/common/ggla/css/style.css">

    <!--Browser Test: -->
       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
       <script type="text/javascript">!window.jQuery &amp;&amp; document.write(unescape('%3Cscript src="/common/ggla/js/libs/jquery-1.6.2.min.js"%3E%3C/script%3E'))</script>

</head>
<body>
        <form id="form1" runat="server">
        <sc:placeholder runat="server" id="_phccfaHeader" key="ccfaHeader"></sc:placeholder>
        <sc:placeholder runat="server" id="_phNavMain" key="NavMain"></sc:placeholder>
        <sc:placeholder runat="server" id="_phMain" key="Main"></sc:placeholder>
        <sc:placeholder runat="server" id="_phFooter" key="Footer"></sc:placeholder>
        <sc:placeholder runat="server" id="_phccfaFooter" key="ccfaFooter"></sc:placeholder>
        <script type="text/javascript" src="/common/ggla/js/plugins.min.js"></script>
        <script type="text/javascript" src="/common/ggla/js/script.js"></script>
        <asp:literal runat="server" id="_trackingScript"></asp:literal>
       
    </form>
</body>
</html>

0
 
LelloLelloAuthor Commented:
Where I should put this : <script type="text/javascript" src="/common/ggla/js/libs/modernizr-2.0.min.js"></script>

0
 
LelloLelloAuthor Commented:
mplungjan:Just MOVE the jquery to be the first script in the head.  

what query i should have in the head ?  Please advice...
0
 
LelloLelloAuthor Commented:
it didn't work. please advice, you have my code so copy and paste below...
0
 
Michel PlungjanIT ExpertCommented:
No. I need to see the page in a browser. I'll look later
0
 
David Johnson, CD, MVPOwnerCommented:
Line 361, Column 36

    <script type="text/javascript"src="/common/ggla/js/script.js"></script>
should be
    <script type="text/javascript" src="/common/ggla/js/script.js"></script>
needs a space
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="CCFA.layouts.layouts.ggla.Main" %><%--
--%><!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <!-- Title Tag-->
    <title><asp:Literal ID="_litBrowserTitle" runat="server"></asp:Literal></title>
       
       <!--Meta Tag-->
       <sc:Placeholder ID="_phMetaTags" runat="server" Key="metaTags" />
       <meta charset="utf-8">     
       <meta name="description" content="">
       <meta name="author" content="">   
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       
       <!--stylesheets-->
       <%--<link rel="shortcut icon" href="/common/ggla/favicon.ico">
       <link rel="apple-touch-icon" href="/common/ggla/apple-touch-icon.png">--%>
       <link rel="stylesheet" href="/common/ggla/css/style.css">

    <!--Browser Test: -->
    
			<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
          <script type="text/javascript">!window.jQuery && document.write(unescape('%3Cscript src="/common/ggla/js/libs/jquery-1.6.2.min.js"%3E%3C/script%3E'))</script>
       <script type="text/javascript" src="/common/ggla/js/libs/modernizr-2.0.min.js"></script>
    <script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function () {
        });
        </script>
</head>
<body>
              <form id="form1" runat="server">
        <sc:placeholder runat="server" id="_phccfaHeader" key="ccfaHeader"></sc:placeholder>
        <sc:placeholder runat="server" id="_phNavMain" key="NavMain"></sc:placeholder>
        <sc:placeholder runat="server" id="_phMain" key="Main"></sc:placeholder>
        <sc:placeholder runat="server" id="_phFooter" key="Footer"></sc:placeholder>
        <sc:placeholder runat="server" id="_phccfaFooter" key="ccfaFooter"></sc:placeholder>
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
           <script type="text/javascript">!window.jQuery &amp;&amp; document.write(unescape('%3Cscript src="/common/ggla/js/libs/jquery-1.6.2.min.js"%3E%3C/script%3E'))</script>
           <script type="text/javascript" src="/common/ggla/js/plugins.min.js"></script>
           <script type="text/javascript" src="/common/ggla/js/script.js"></script>
           <asp:literal runat="server" id="_trackingScript"></asp:literal>
           
    </form>
</body>
</html>

Open in new window

0
 
Michel PlungjanIT ExpertCommented:
Here is the code I suggest - I MOVED the jquery include  from the footer :

<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <!-- Title Tag-->
    <title>Home </title>
      
      <!--Meta Tag-->
      
      <meta charset="utf-8">      
      <meta name="description" content="">

      <meta name="author" content="">      
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
      <!--stylesheets-->
      
      <link rel="stylesheet" href="/common/ggla/css/style.css">

    <!--Browser Test: -->
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="/common/ggla/js/libs/modernizr-2.0.min.js"></script>
   <script type="text/javascript">
            var $j = jQuery.noConflict();
            $j(document).ready(function() {
            });
        </script>
</head>
.
.
.
.
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 8
  • 5
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now