Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Scrollable div crashes IE 8

4:43 pm on Feb 8, 2011 (gmt 0)

Junior Member

10+ Year Member

joined:Mar 21, 2006
votes: 0

Working on a webpage that monitors a telephony system.

I have a div which can be toggled to show and hide using jQuery. This div contains a table that shows call statuses, it shows about 20 at a time and can be scrolled (overflow:auto;).
Even with a small table IE scrolling seems to be a little jerky once the div is visible, even the main page scrolling is affected.
If I have say 1000 rows in the table it locks up IE to the point I have to force kill it. I don't have this problem with Firefox. However a coworker with an older version of Firefox has had to reboot his computer when opening this page on occasion.
Is there a more efficient or compliant way to do this?


JS snippet that builds the table:
html="<table id='chanTable' class='channeltable'>"

for (chan=0; chan < sessions; chan++)
if (chan%2 != 0) rowClass="alt";
html += "<tr id='VRU_"+padVru(chan)+"' class="+rowClass+"> \
<th>"+padVru(chan)+" </th> \
<td style='width:auto;'></td> \
var rowClass = "";



<div class="channelsectiondiv" id="sessions" style="position: relative;">
<table class="channelsectiontable" id="channelTable">
<td id="VCHANNEL_STUFF"></td>
</div> <!-- Channel div -->



[edited by: tedster at 5:09 pm (utc) on Feb 8, 2011]
[edit reason] Disable graphic smile faces [/edit]


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members