|
Answer» I am working on a website and just started checking cross browser compatibility. Most PAGES on the site work just fine across all browsers, but one PAGE (so far) absolutely will not display in IE7. It gives the "can not display webpage" error and suggests that I have a connection problem, but it's clearly NOT a connection problem because I can see the page in other browsers. It would be nice if IE would just spit out a more specific error, but that would be too easy.
By the way, I have tried turning off my add-ons, resetting the browser, ETC.. Nothing works.
Has anybody seen this before?
The offending source code:
Code: [Select]<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Post Job</title>
<link href="/stylesheets/app/basicTemplate.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/app/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logInLogOut" class="logInLinks">
<a href="http://local.securifieds.com/mainapp/user/logcheck">Log In/Log Out</a>
</div>
<div id="signUpLogIn" class="logInLinks logInLinksHide">
<a href="http://local.securifieds.com/mainapp/user/signup">Sign Up</a>
<span>or</span>
<a href="http://local.securifieds.com/mainapp/user/login">Log In</a>
</div>
<div id="logOut" class="logInLinks logInLinksHide">
<a href="http://local.securifieds.com/mainapp/user/logout">Log Out</a>
</div>
<ul>
<li class="tabStart"><a href="http://local.securifieds.com/mainapp">Home</a></li><li
><a href="http://local.securifieds.com/mainapp/how_it_works">How It Works</a></li><li
><a href="http://local.securifieds.com/mainapp/benefits">Benefits</a></li><li
><a href="http://local.securifieds.com/mainapp/faqs">FAQs</a></li><li class="tabStop"
><a href="http://local.securifieds.com/mainapp/user/account/jobs">My Account</a></li>
</ul>
<a href="http://local.securifieds.com/mainapp">
<img src="/images/app/mainLogo.png" alt="logo" /></a>
</div>
<div id="content">
<div id="jobCategory">
<h2>Post Job</h2>
<form action="http://local.securifieds.com/mainapp/jobs/post/category" method="post">
<div class="labeledGroup">
<label for="city">Job Location City:</label>
<input type="text" size="30" name="city" value="" id="city" />
</div>
<div class="labeledGroup">
<label for="zip">Job Location Zip Code:</label>
<input type="text" size="6" name="zip" value="" id="zip" />
</div>
<div class="labeledGroup lastGroup">
<label for="category">Select Job category:</label>
<select name="category" id="category">
<option value="1" >Moving (Moving, Delivery)</option>
<option value="2" >Remodeling (Painting, Flooring, Carpentry, etc)</option>
<option value="3" >Yard Work (Landscaping, Mowing, Snow Removal)</option>
</select>
</div>
<input type="hidden" name="profileID" value="" />
<button type="submit" name="continueButton" value="Continue"
id="continueButton">Continue</button>
<a href="http://local.securifieds.com/mainapp" class="actionLink">Cancel</a>
</form>
</div>
</div>
<div id="footer">
<ul>
<li><a href="http://local.securifieds.com/mainapp/about_us">About Us</a></li>
<li><a href="http://local.securifieds.com/mainapp/user/feedback">Contact Us</a></li>
<li><a href="http://local.securifieds.com/mainapp/terms_of_service">Terms of Service</a></li>
<li><a href="http://local.securifieds.com/mainapp/privacy_policy">Privacy Policy</a></li>
</ul>
<p id="copyright">COPYLEFT 2011 by Securifieds.com</p>
</div>
</div>
<script type="text/javascript">
/* <![CDATA[ */
function hasClass(target, theClass)
{
var pattern = new RegExp("(^| )" + theClass + "( |$)");
if (pattern.test(target.className))
{
return true;
}
return false;
}
function addClass(target, theClass)
{
if (!hasClass(target, theClass))
{
if (target.className == "")
{
target.className = theClass;
}
else
{
target.className += " " + theClass;
}
}
}
function removeClass(target, theClass)
{
var pattern = new RegExp("(^| )" + theClass + "( |$)");
target.className = target.className.replace(pattern, "$1");
target.className = target.className.replace(/ $/, "");
}
function readCookie(name)
{
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
var logInLogOut = document.getElementById("logInLogOut");
var signUpLogIn = document.getElementById("signUpLogIn");
var logOut = document.getElementById("logOut");
if (readCookie("logged")=='yes')
{
removeClass(logOut,"logInLinksHide")
addClass(logInLogOut,"logInLinksHide")
}
else
{
removeClass(signUpLogIn,"logInLinksHide")
addClass(logInLogOut,"logInLinksHide")
}
/* ]]> */
</script>
</body>
</html>I found the problem. My app was sending out a 302 instead of 200 status. Only IE complained about it, even if in a very ambiguous way. The other browsers still showed the content despite the 302 status.
I generally like to take every opportunity I can to complain about IE, but in this case, they actually helped me find an obscure bug in my app!First things first - Welcome to CH
Secondly, I would like to thank you for posting what your solution is. We're glad to hear that you got it sorted out.Ie9 displayed the page OK, but took a very long time to load it!
|
