<?php 
echo '<!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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />';?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/jquery.jMagnify.js" ></script>
<script type="text/javascript">
$(document).ready(function(){

	$(".menu2 a").append("<em></em>");
	
	$(".menu2 a").hover(function() {
		$(this).find("em").animate({opacity: "show", top: "-75"}, "slow");
		var hoverText = $(this).attr("title");
	    $(this).find("em").text(hoverText);
	}, function() {
		$(this).find("em").animate({opacity: "hide", top: "-85"}, "fast");
	});


});
$().ready(function() {
	$('#first').jMagnify();
});

      $(document).ready(function() {
   
        $('div.demo-show:eq(0)> div:gt(0)').hide();  
   
        $('div.demo-show:eq(0)> h3').click(function() {
   
          $(this).next('div:hidden').slideDown('fast')
   
          .siblings('div:visible').slideUp('fast');
   
        });
   
      });

$().ready(function() {
	$('#color').jMagnify({
		centralEffect: {'color': 'yellow'},
		lat1Effect: {'color': 'orange'},
		lat2Effect: {'color': 'red'},
		lat3Effect: {'color': 'magenta'},
		resetEffect: {'color': '#E3F1F2'}
	});
});

</script>
<style type="text/css">
body 
	

.menu2 {
	margin: 100px 0 0;
	padding: 0;
	list-style: none;
}
.menu2 li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.menu2 a {

	display: block;
	color: #000000;

	text-decoration: none;
	font-weight: bold;
	
}
.menu2 li em {
	font-weight: normal;
	background: url(images/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}
</style>
</head>
<?php echo '
<body>


<div class="wrapper">
	<div class="header_wrapper">
	<div class="left_hand_symbol"><img src="images/header_hand_img.png" height="115" width="162"/></div>
		<div class="header">			
			<div class="logo"><img src="images/logo.png" height="171" width="136"/></div>
			<div class="title" > <img src="images/banner_title.png" width="500" height="56" /></div>
			<div class="right">
				<div class="link">';
					if(isset($_COOKIE['LoginIdCookie'])){ }
						//echo '<div class="login"><a href="log_out.php">Log out</a></div>';
						//require_once('LoginStatement.php');}
							
							else{
						echo'<div class="register" ><a href="RegistrationAndActivity.php">Register</a></div>
						<div class="link_ruler"> | </div>
						<div class="login"><a href="LoginValidator.php">Login</a></div>';
						}
						echo'<div class="clear"><!-- --></div>
				</div>
				
				<div class="clear"><!-- --></div>
			</div>
			<div class="clear"><!-- --></div>
	    </div>
	</div>
	<div class="container_wrapper">
	<div class="nav"> 
		<ul class="menu2">
		<li>
			<a href="index1.php" title="Go to homepage">Home </a>		
		</li>
	
			<li><a href="#" title="Our Voluntee">Voluntee </a></li>
			<li><a href="AboutUs.php" title="Find out who I am">About Us </a></li>
			<li><a href="EventDisplay.php" title="Show All Events">Events</a></li>
			<li><a href="NewsLinksAll.php" title="Latest News"> News </a></li>
			<li ><a href="PhotoGallery.php" title="Visit Elite Brigade Photo Gallery"> Photo Gallery</a></li>
		</ul>	
	</div>
	
	<div class="clear"><!-- --></div>
	<div class="home_container">
		<div><img src="images/body_top.png" width="906" height="12"></div>
		<div class="container_bg">
		<div class="left">
			<div><img src="images/left_box_top_img.png" width="219" height="14" /></div>
			<div class="background">
				<div class="title">EVENTS</div>
					<div class="pruduct">					
						<ul>
							<li>* <a href="#">Whatexpect on Sundays</a></li> 
							<li>* <a href="#">Location and directions</a></li> 
							<li>* <a href="#">Where to go to wear</a></li> 
							<li>* <a href="#">What  for your child</a></li> 
							<li>* <a href="#">Meet the staff</a></li> 
							<li>* <a href="#">ExploreFaith.org</a></li> 
							<li>* <a href="#">Mission Opportunities</a></li> 
						</ul>	
					</div>
			</div>			
			<div><img src="images/left_box_bottom_img.png" width="219" height="15" /></div>
		</div>
		
		
		<div class="contain_box">
				<div class="contain_title"  id="color">Welcome to Elite Brigade</div>
				<div class="text">';
				?>

Hi Friends...
Above code perfectly runs in Firefox but when i try to run above code in IE(any version) then webpage breaks........
I think its compatibilty issue but how it will resolved?????
Plz help me
Thx in advance

Recommended Answers

Hi, are you getting a JS error? what do you mean 'webpage breaks', it doesn't load, or it loads bad?

Jump to Post

Remove the PHP echo for the DOCTYPE, and everything above the <head> tag. See what happens...I have a feeling that's your problem. If I recall, DOCTYPE is read-only and shouldn't be outputted like that.

Jump to Post

All 6 Replies

Hi, are you getting a JS error? what do you mean 'webpage breaks', it doesn't load, or it loads bad?

Remove the PHP echo for the DOCTYPE, and everything above the <head> tag. See what happens...I have a feeling that's your problem. If I recall, DOCTYPE is read-only and shouldn't be outputted like that.

Hi, are you getting a JS error? what do you mean 'webpage breaks', it doesn't load, or it loads bad?

It means some of elements load in different places...................

ankit.pandey3,

You're missing a DOCTYPE declaration. You HAVE to have a declared DOCTYPE, otherwise all kinds of funky things happen in browsers. Put this AT THE TOP of the page (above the <html> tag):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

---EDIT---

Also, from now on, try to use this "template" when designing pages so errors like these don't happen. Notice how a DOCTYPE (as well as XMLNS attribute are used? Good standards = good pages.

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

</head>
<body>

</body>
</html>

If you view the source code as delivered to the browser, you can see that the doctype has not been used. So follow the earlier advice about placing the doctype declaration outside the php part of the page.

Also there are a few oddities about your page

There are THREE occurrences of the <html> tag. And two of the <body> tag.

And the style sheet is loaded twice, once in the usual place and once halfway down the source code.

You can find these using firefox, view source and then the edit>find option

Be a part of the DaniWeb community

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