Internet explorer shows blank page of my website im working on?

Question

m-hrt 0 Light Poster

15 Years Ago

internet explorer shows blank page of my website im working on the website works fine on firefox but in internet explorer all im seeing is a blank page.....
here is the link of the website also in local computer its not working why???

thanks in advance....

here is the code for the home page index.html

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Karaoke Talent Rate Your Favourite KJ Now/title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/general.css" type="text/css" media="screen" />
	<!--[if IE 6]>
		<link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen," />
	<![endif]-->	


	<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
	<script type="text/javascript" src="js/ycodaslider-2.0.pack.js"></script>
	<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
	<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
	<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>
	<script type="text/javascript">
	
		var theInt = null;
		var $crosslink, $navthumb;
		var curclicked = 0;
		
		theInterval = function(cur){
			clearInterval(theInt);
			
			if( typeof cur != 'undefined' )
				curclicked = cur;
			
			$crosslink.removeClass("active-thumb");
			$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
			
			theInt = setInterval(function(){
				$crosslink.removeClass("active-thumb");
				$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
				curclicked++;
				if( 6 == curclicked )
					curclicked = 0;
				
			}, 3000);
		};
		
		$(function(){
			
			$("#main-photo-slider").codaSlider();
			
			$navthumb = $(".nav-thumb");
			$crosslink = $(".cross-link");
			
			$navthumb
			.click(function() {
				var $this = $(this);
				theInterval($this.parent().attr('href').slice(1) - 1);
				return false;
			});
			
			theInterval();
		});
	</script>



<style type="text/css">
<!--
.style1 {
	color: #cc0000;
	font-size: 18px;
}
-->
</style>
</head>

<body>

<div id="navBar">
	<div class="logo"></div>
  <img src="images/header_image.png" title="" alt="" width="485" height="210" border="0" />
  <ul>
	<li class="home"><a href="#" class="home">Home</a></li>
		<li class="kj_show"><a href="#" class="kj_show">Find KJ Show</a></li>
	<li class="add"><a href="#" class="add">Advertisement</a></li>
		<li class="accnt"><a href="#" class="accnt">My Account</a></li>
		<li class="contact"><a href="#" class="contact">Contact Us</a></li>
        <li class="about"><a href="#" class="about">About Us</a></li>
    <li class="listings"><a href="#" class="listings">Show Listings</a></li>
        <li class="sign"><a href="#" class="sign">Signup</a></li>
  </ul>
   </div>
   <!-- end of navigation bar -->
<div class="boxes_resize">
<div id="boxes">
<ul class="three_boxes">
		<li><a href="#" class="find_karaoke" title="find_karaoke">find a karaoke show</a></li>
		<li><a href="#" class="add_show" title="add_show">add a show</a></li>
	<li><a href="#" class="rate_show" title="rate_karaoke">rate a show</a></li>
	</ul>
</div>
</div>

 <!-- end of 3 boxes -->
<div class="login_txt">
 <br />
 <p>Log in to Rate your favourite KJs and Compare <span class="style1">Like</span> Songs with others</p>
 </div>

<div class="body_resize">


<div class="most_recent"><h1>Most Recent Posted Shows</h1>
 <ul>
 <li>Trazy Karaoke -  Houston, TX</li>
 <li>Karaoke Cates -  Atlanta, GA</li>
 <li>Mic Masters   -  Newyork, NY</li>
 <li>Trazy Karaoke -  Houston, TX</li>
 <li>Karaoke Cates -  Atlanta, GA</li>
 <li>Mic Masters    -  Newyork, NY</li>
  <li>Trazy Karaoke -  Houston, TX</li>
 <li>Karaoke Cates -  Atlanta, GA</li>
 <li>Mic Masters   -  Newyork, NY</li>
 <li>Trazy Karaoke -  Houston, TX</li>
 <li>Karaoke Cates -  Atlanta, GA</li>
 <li>Mic Masters    -  Newyork, NY</li>
  <li>Karaoke Cates -  Atlanta, GA</li>
 <li>Mic Masters   -  Newyork, NY</li>
 <li>Trazy Karaoke -  Houston, TX</li>
 </ul>
</div>


<!-- start of editors pick --> 
 <div id="page-wrap">
											
	<div class="slider-wrap">
		<div id="main-photo-slider" class="csw">
			<div class="panelContainer">

				<div class="panel" title="Panel 1">
					<div class="wrapper">
						<img src="images/tempphoto-1.jpg" alt="temp" />
						<div class="photo-meta-data">
							Photo Credit: <a href="http://flickr.com/photos/astrolondon/2396265240/">Kaustav Bhattacharya</a><br />
							<span>"Free Tibet" Protest at the Olympic Torch Rally</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 2">
					<div class="wrapper">
						<img src="images/tempphoto-2.jpg" alt="temp" />
						<div class="photo-meta-data">
							Chicago Bears at Seattle Seahawks<br />
							<span>Fifth field goal, overtime win for the Seahawks</span>
						</div>
					</div>
				</div>		
				<div class="panel" title="Panel 3">
					<div class="wrapper">
						
						<img src="images/scotch-egg.jpg" alt="scotch egg" class="floatLeft"/>
						
						<h1>How to Cook a Scotch Egg</h1>
						
						<ul>
							<li>6 hard-boiled eggs, well chilled (i try to cook them to just past soft boiled stage, then stick them in the coldest part of the fridge to firm up)</li>
							<li>1 pound good quality sausage meat (i used ground turkey meat, seasoned with sage, white pepper, salt and a tiny bit of maple syrup)</li>
							<li>1/2 cup AP flour</li>
							<li>1-2 eggs, beaten</li>
							<li>3/4 cup panko-style bread crumbs</li>
							<li>Vegetable oil for frying</li>
						</ul>
					</div>
				</div>
				<div class="panel" title="Panel 4">
					<div class="wrapper">
						<img src="images/tempphoto-4.jpg" alt="temp" />
						<div class="photo-meta-data">
							A Poem by Shel Silverstein<br />
							<span>Falling Up</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 5">
					<div class="wrapper">
						<img src="images/tempphoto-5.jpg" alt="temp" />
						<div class="photo-meta-data">
							New Video on CSS-Tricks<br />
							<span>Using Wufoo for Web Forms</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 6">
					<div class="wrapper">
						<h1>A Tale of Two Cities</h1>
						<p><em>Charles Dickins</em></p>
						<blockquote>It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to heaven, we were all going direct the other way - in short, the period was so far like the present period, that some of its noisiest authorities insisted on its being received, for good or for evil, in the superlative degree of comparison only.</blockquote>
					</div>
				</div>

			</div>
		</div>

		<a href="#1" class="cross-link active-thumb"><img src="images/tempphoto-1thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a>
		<div id="movers-row">
			<div><a href="#2" class="cross-link"><img src="images/tempphoto-2thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#3" class="cross-link"><img src="images/tempphoto-3thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#4" class="cross-link"><img src="images/tempphoto-4thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#5" class="cross-link"><img src="images/tempphoto-5thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#6" class="cross-link"><img src="images/tempphoto-6thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>
		</div>

	</div>
	
</div>
 
 
 <!-- end of 3 editors_pick -->
 
 <div class="banner"><img src="images/banner.png" width="460" /></div>
 
  <div class="banner"><img src="images/banner.png" width="460" /></div>
  <!-- start of tabs -->
<div id="container">
      
 		<ul class="menu">
			<li id="news" class="active">National</li>
		  <li id="tutorials">State</li>
		  <li id="links">City</li>
</ul>
		<span class="clear"></span>
        
		
        <div class="content news">
        
			<h1>National</h1>
		
        	<ul>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
                <li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
        	</ul>
        </div>
		
        <div class="content tutorials">
        
			<h1>State</h1>
			<ul>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
				<li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
                <li><img src="css/images/bullet.gif" alt="-" /> Dummy text  /  dummy text  / dummy text</li>
			</ul>
        </div>
        <div class="content links">
        
			<h1>City</h1>
			<ul>
				<li><img src="css/images/bullet.gif" alt="-" /> <a href="">www.deezmedia.net</a> - DeeZMedia Websolution!</li>
				<li><img src="css/images/bullet.gif" alt="-" /> <a href="">www.deezmedia.net</a><a href=""></a> - DeeZMedia Websolution</li>
				<li><img src="css/images/bullet.gif" alt="-" /> <a href="">www.deezmedia.net</a><a href=""></a> - DeeZMedia Websolution</li>
				<li><img src="css/images/bullet.gif" alt="-" /> <a href="">www.deezmedia.net</a><a href=""></a> - Great guys</li>
        	</ul>
        </div>
        <div>     
        
        
	<script type="text/javascript" src="tabs.js"></script>
</div>  <!-- end of tabs -->



</div>








 <div class="clear"></div>




<!--mainfooter body-->
<div id="mainfooterbody">
  <div id="footerPan">
  	<div id="footerPanleft">
    <a href="index.html"><img src="images/logo2.png" alt="Karaoke Talent" width="260" height="95"  border="0" title="Karaoke Talent" /></a></div>
	<ul>
  <li><a href="#">Home </a>| </li>
  <li><a href="#">FAQs</a> | </li>
  <li><a href="#">Show Cancellation </a>| </li>
  <li><a href="#">Terms & Conditions</a> | </li>
  <li><a href="#">Song Library</a>  | </li>
  <li><a href="#">KJ Ranking</a> </li>
  </ul>	
  <p>© Karaoke Talent All Rights Reserved</p>
  <ul class="deezmedia">
  	<li>Design By:</li>
	<li><a href="" target="_blank">DeeZMedia</a></li>
  </ul>
	</div>
</div>
</div>
</body>
</html>

html-css javascript web-design

2 Contributors
1 Reply
237 Views
10 Hours Discussion Span
Latest Post 15 Years Ago Latest Post by SolidSolutions

Dani AI

Generated 7 Months Ago

correctly spotted a head-level syntax error: a malformed closing title tag can make older versions of Internet Explorer abort parsing and display a blank page while Firefox (and other browsers) silently recover. That one fix is the highest-probability cause of the blank-screen symptom reported by , but there are a few other common, IE-specific traps worth checking before assuming everything else is fine.

Quick diagnostic checklist: open IE’s Developer Tools (F12) and watch the Console for script errors and the Network pane for missing files; use View Source to see whether the HTML is truncated (a broken tag often stops the document); temporarily disable JavaScript to see if static markup appears (if it does, a script/plugin is throwing an error); validate the markup to catch unclosed tags or stray characters in the head. Small typos in attributes or conditional-comment syntax and trailing commas in JavaScript are especially likely to break older IE behavior.

Isolation workflow: strip external resources (comment out stylesheet/script tags) and reintroduce them one at a time to find the offender; check that every referenced file actually loads (no 404s). Note that testing via file:// can behave differently in IE because of local-zone security—run a simple local web server when testing so the environment matches how the page is served. Also be mindful that very old plugins or jQuery builds can throw IE-only exceptions; upgrading or swapping them temporarily helps narrow the cause.

In short: fix the title tag first (as suggested), then use F12 + the isolation steps above. That sequence will quickly reveal whether the remaining issue is a simple markup typo, a missing asset, or a JavaScript/plugin error that needs a targeted fix.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

SolidSolutions 13 Junior Poster · Answer 1 · 2011-01-20T21:01:04+00:00

your title closing tag is missing the less than character:

<title>Karaoke Talent Rate Your Favourite KJ Now/title>

should be

<title>Karaoke Talent Rate Your Favourite KJ Now</title>