Hello,
First of all I would like to apologize for cross-posting, but I think perhaps this is the right forum for this kind of question:
I have a module that contains a javascript and a couple of divs that have some special css on them. The problem is when the user is collapsing the container and then expanding it again. Somehow the dnn.js has broke my div-styles so they are no longer visible. The container is almost empty. And of course is this just happening in IE6 and IE7. In Firefox it works ok.
Do you guys have any work around about this issue? I think it is the display or overflow that is not working ok.
Here is an example of the module.
http://www.keylinx.com/kxscroll/kxScrollBugTest/tabid/97/Default.aspx
This is the style tag:
<style type="text/css">
div#hold446 {
position:relative;
overflow:hidden;
width: 200px;
height:200px;
z-index:3;
}
div#wn446 {
position:absolute;
left:0px;
top:0px;
width:200px;
height:200px;
clip:rect(0px, 200px, 200px, 0px);
overflow:hidden;
z-index:1;
}
div.kXcontent446
{
position:absolute;
visibility:hidden;
left:0px;
top:0px;
z-index:1;
}
div#kXloading446
{
visibility:visible;
z-index:1
}
table#imgTbl446
{
width:400px;
table-layout: fixed;
}
table#imgTbl446 td
{
width:200px;
height:200px;
vertical-align:top;
text-align:left;
padding: 0px;
margin: 0px;
}
</style>
Best Regards,
Tobias