i want to add scroll bar in table. but occuring scrolling problem. here is the my html form.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>FancyBox 1.2.6 | Demo page</title>
<!--<link rel="stylesheet" href="style.css" />-->
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
</head>
<body>
<div id="content">
<table>
<tr>
<td width="503">
<table>
<tr>
<th width="194">
name</th>
<th width="40">
icon</th>
<th width="55">A</th>
<th width="61">B</th>
<th width="51">C</th>
<th width="50">D</th>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<marquee behavior="scroll" height="230px;" scrollamount="3"
onmouseout="this.scrollAmount=3" onmouseover="this.scrollAmount=0"
direction="up">
<table>
<tr>
<td width="195" class="normal_txt">
<p>this is test from admin</p></td><td width="38" class="normal_txt"><a href="image/22200_grader.html?keepThis=true&TB_iframe=true&height=100&width=100" title="add a caption to title attribute / or leave blank" class="smoothbox">Example 1</a></td>
<td width="57" align="center" ><img src="fancybox/right-icon.gif" /></td>
<td width="60" align="center"><img src="fancybox/right-icon.gif" /></td>
<td width="52" align="center"></td>
<td width="48" align="center"><img src="fancybox/right-icon.gif" /></td>
</tr>
<tr>
<td width="195" class="normal_txt">
<p>this is test from admin</p></td><td width="38" class="normal_txt"><a href="image/22200_grader.html?height=300&width=300" title="add a caption to title attribute / or leave blank" class="smoothbox">Scrolling content</a>
</td>
<td width="57" align="center" ><img src="fancybox/right-icon.gif" /></td>
<td width="60" align="center"><img src="fancybox/right-icon.gif" /></td>
<td width="52" align="center"></td>
<td width="48" align="center"><img src="fancybox/right-icon.gif" /></td>
</tr>
<tr>
<td width="195" class="normal_txt">
<p>this is test from admin</p></td><td width="38" class="normal_txt"><a href="image/22200_grader.html?keepThis=true&TB_iframe=true&height=250&width=400" title="add a caption to title attribute / or leave blank" class="smoothbox">Example 1</a></td>
<td width="57" align="center" ><img src="fancybox/right-icon.gif" /></td>
<td width="60" align="center"><img src="fancybox/right-icon.gif" /></td>
<td width="52" align="center"></td>
<td width="48" align="center"><img src="fancybox/right-icon.gif" /></td>
</tr>
</table>
</marquee>
</td>
</tr>
</table>
</div>
</body>
</html>in the above marque content only have scrollbar. i tried using css and iframe . but scrolling problem.
there is 3 elements only effected by marquee. for suppose there is 20 rows in that then absorb vertical scroll bar.
scrollbar appear for these contents only in the table.
<tr>
<td>
<marquee behavior="scroll" height="230px;" scrollamount="3"
onmouseout="this.scrollAmount=3" onmouseover="this.scrollAmount=0"
direction="up">
<table>
<tr>
<td width="195" class="normal_txt">
<p>this is test from admin</p></td><td width="38" class="normal_txt"><a href="image/22200_grader.html?keepThis=true&TB_iframe=true&height=100&width=100" title="add a caption to title attribute / or leave blank" class="smoothbox">Example 1</a></td>
<td width="57" align="center" ><img src="fancybox/right-icon.gif" /></td>
<td width="60" align="center"><img src="fancybox/right-icon.gif" /></td>
<td width="52" align="center"></td>
<td width="48" align="center"><img src="fancybox/right-icon.gif" /></td>
</tr>
<tr>
<td width="195" class="normal_txt">
<p>this is test from admin</p></td><td width="38" class="normal_txt"><a href="image/22200_grader.html?height=300&width=300" title="add a caption to title attribute / or leave blank" class="smoothbox">Scrolling content</a>
</td>
<td width="57" align="center" ><img src="fancybox/right-icon.gif" /></td>
<td width="60" align="center"><img src="fancybox/right-icon.gif" /></td>
<td width="52" align="center"></td>
<td width="48" align="center"><img src="fancybox/right-icon.gif" /></td>
</tr>
<tr>
<td width="195" class="normal_txt">
<p>this is test from admin</p></td><td width="38" class="normal_txt"><a href="image/22200_grader.html?keepThis=true&TB_iframe=true&height=250&width=400" title="add a caption to title attribute / or leave blank" class="smoothbox">Example 1</a></td>
<td width="57" align="center" ><img src="fancybox/right-icon.gif" /></td>
<td width="60" align="center"><img src="fancybox/right-icon.gif" /></td>
<td width="52" align="center"></td>
<td width="48" align="center"><img src="fancybox/right-icon.gif" /></td>
</tr>
</table>
</marquee>
</td>
</tr>