Hi,
I have a project that already running on IE with compatibility view setting. Recently, I made some organization chart use JSP, CSS, and JQuery. But the chart doesn't appear correctly. All connecting lines between boxes doesn't appear.
For your information here the codes in my jsp :
<html>
<head>
<!doctype html>
<%
javax.servlet.http.HttpSession ses = request.getSession();
if (ses.getAttribute("TxtEmployee") == null){
%>
<jsp:forward page="../general/MustLogin.html"/>
<%
}
%>
<link rel="stylesheet" href="../css/demo.css"/>
<link rel="stylesheet" href="../css/jquery.orgchart.css"/>
<script src="../javascript/jquery.min.js"></script>
<script src="../javascript/jquery.orgchart.js"></script>
<script>
$(function(){
$("#organisation").orgChart({container: $("#main"), interactive: true, fade: true, speed: 'slow'});
});
</script>
</head>
<body bgcolor="#EFF3EF" onload="LoadFrameButton('ORGCHARTA')">
<div id="left">
<ul id="organisation" style=">
<li><em>Batman</em>
<ul>
<li>Batman Begins<br/>
<ul>
<li>Ra's Al Ghul</li>
<li>Carmine Falconi</li>
</ul>
</li>
<li>The Dark Knight<br/>
<ul>
<li>Joker</li>
<li>Harvey Dent</li>
</ul>
</li>
<li>The Dark Knight Rises<br/>
<ul>
<li>Bane</li>
<li>Talia Al Ghul</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="content">
<h1>Organisation Chart</h1>
<div id="main">
</div>
</div>
</body>
</html>
Can you help me please....
Thank you