Complability problem of IE

ankit.pandeyc012 · March 6, 2011

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

cssfreakie · March 7, 2011

well compatibility i am not sure about that if your page brakes in IE 8 something is really wrong.

Maybe run it through the w3cvalidator. http://validator.w3.org/#validate-by-input

I hope you realise that the code above with the extra php won't help us alot. php is a server side language.

also you are missing a an endtag for <body> and a closing tag for <html>

optioned · March 7, 2011

I agree with the person above in that the PHP is pretty useless unless we get the full picture however is it just me or are you missing a '}' before the ' else {'.

This error would make it die in all browsers but I just noticed that upon a glance.

If W3's feedback does not answer your question try pressing View Source on the page then pasting that into the topic so we can clearly see what your browser is getting.

ankit.pandeyc012 · March 9, 2011

Frs get a look in this link in IE and then firefox

http://173.255.216.128/EliteBrigade/index1.php

U will understand my problem more correctly///////////

cssfreakie · March 9, 2011

read every bit of my signature and and you will understand too what you are missing.

aabruzzese · March 9, 2011

Sorry but I could not help but notice that some dude took off his shoes in the training session.

Man, I hope he did not have a serious case of athletes foot.

As for the site, I just opened it up in IE 7 and it worked fine.

cssfreakie · March 9, 2011

Sorry but I could not help but notice that some dude took off his shoes in the training session.

Man, I hope he did not have a serious case of athletes foot.

As for the site, I just opened it up in IE 7 and it worked fine.

depends on your definition of fine really, compare it to a decent browser like firefox. This site doesn't work propperly because something vital is missing. Read my signature to check it.

Sign In

Complability problem of IE

Recommended Posts

ankit.pandeyc012

Link to comment

Share on other sites

cssfreakie

Link to comment

Share on other sites

optioned

Link to comment

Share on other sites

ankit.pandeyc012

Link to comment

Share on other sites

cssfreakie

Link to comment

Share on other sites

aabruzzese

Link to comment

Share on other sites

cssfreakie

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information