asked on

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>



 <html class="no-js" lang="en"> 
<head>

<title><asp:Literal ID="_litBrowserTitle" runat="server"></asp:Literal></title>

      
      <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">

LelloLello

ASKER

here is my style
style.css

LelloLello

ASKER

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/

LelloLello

ASKER

I've removed the following script from my page.


<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 ?

ASKER CERTIFIED SOLUTION

Michel Plungjan

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

David Johnson, CD

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Michel Plungjan

@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>

LelloLello

ASKER

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

Michel Plungjan

Just MOVE the jquery to be the first script in the head.

LelloLello

ASKER

it's correct like that ?
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="CCFA.layouts.layouts.ggla.Main" %><%--
--%><!DOCTYPE HTML>



 <html class="no-js" lang="en"> 
<head>

<title><asp:Literal ID="_litBrowserTitle" runat="server"></asp:Literal></title>


<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">


<%--<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">


<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>

</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>

LelloLello

ASKER

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

LelloLello

ASKER

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

what query i should have in the head ? Please advice...

LelloLello

ASKER

it didn't work. please advice, you have my code so copy and paste below...

Michel Plungjan

No. I need to see the page in a browser. I'll look later

David Johnson, CD

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

Michel Plungjan

Here is the code I suggest - I MOVED the jquery include from the footer :

<!DOCTYPE HTML>



 <html class="no-js" lang="en"> 
<head>

<title>Home </title>

      

      <meta charset="utf-8">
      <meta name="description" content="">

      <meta name="author" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">

      

      <link rel="stylesheet" href="/common/ggla/css/style.css">


<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>
.
.
.
.