i have one chat box in my web site and i assigned fixed position to that div.that is workin in mozill but it is not working in ie . thank you`print
("<!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>
<title>Velaro Live Help</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.js'></script>
<script src="js/chat.js" type="text/javascript"></script>
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" media="all" href="css/chat.css" />
<style type="text/css">
.divPage
{
width: 300px;
height: 200px;
}
</style>
<style type='text/css'>
#chat-box
{
position: fixed;
bottom: -100px;
background: #ccc;
}
</style>
<script type='text/javascript'>
$(document).ready(function() {
$('#chat-box').animate({ bottom: '50' });
});
</script>
<!--<script type="text/javascript">
$(document).ready(function() {
$('#chatbox').load('Default.aspx');
});
</script>-->
<style type="text/css">
div.chat1
{
position: fixed;
bottom: 1px;
right: 50px;
width: 230px;
height: 250px;
border: 1px solid black;
scrolling: auto;
}
div.chat2
{
position: fixed;
bottom: 1px;
right: 50px;
width: 230px;
height: 250px;
border: 1px solid black;
scrolling: auto;
}
body
{
background: url(foo) fixed;
}
</style>
<script language="JavaScript">
function showhide(id, visibility) {
document.getElementById(id).style.display = visibility;
}
</script>
</head>
<body>
<a href='#' onclick="showhide('LoadPage1', 'inline');">a div using javascript.</a>
<a href='#' onclick="showhide('LoadPage2', 'inline');">a div using javascript.</a>
<div id="LoadPage1" class="divPage" style="display: none;">
<div class="chat1" id="chat1">
<div class="chatboxhead">
<div class="chatboxtitle">
chatboxtitle</div>
<div class="chatboxoptions">
<a href="javascript:void(0)" onclick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')">
-</a> <a href="javascript:void(0)" onclick="showhide('LoadPage1', 'none');">X</a></div>
<br clear="all" />
</div>
<!--<div class="chatboxcontent">
</div>-->
<div class="chatboxinput">
<textarea class="chatboxtextarea" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+chatboxtitle+'\');"></textarea>
</div>
</div>
</div>
<div id="LoadPage2" class="divPage" style="display: none;">
<div class="chat1" id="chat2">
<div class="chatboxhead">
<div class="chatboxtitle">
chatboxtitle</div>
<div class="chatboxoptions">
<a href="javascript:void(0)" onclick="javascript:toggleChatBoxGrowth(\''+chatboxtitle+'\')">
-</a> <a href="javascript:void(0)" onclick="showhide('LoadPage2', 'none');">X</a></div>
<br clear="all" />
</div>
<!--<div class="chatboxcontent">
</div>-->
<div class="chatboxinput">
<textarea class="chatboxtextarea" onkeydown="javascript:return checkChatBoxInputKey(event,this,\''+chatboxtitle+'\');"></textarea>
</div>
</div>
</div>
<table height="1000px" width="100%">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>");`