Trying to add a scrollbar to this div, but it isn't working...

[rxbanditboy1112]

http://m-dphotovideo.com/viewgallery.php?cid=10

 

The thumbnails on the left hand side should have their own scrollbar, but that isn't working. Overflow settings have been set up. With the web developers extension in firefox I clicked outline positioned elements: float, and it outlines the thumbnail area; however, i havn't added any float information. I tried to make it float none, but that doesn't help. The source code in firefox and in php that i wrote doesn't have float any where. I feel like that is where the problem lies... also the page is able to scroll down way tooo far for no reason. I don't get it.

 

Thanks for the help.

[BenInBlack]

this needs to be on the div tag

style='width: 200px; overflow:scroll; and you need to flip and have table structure in the div

 

<div class='gallerycontainer' style='width: 200px; overflow:scroll;'>
<table width='200' border='0' align='left' style='width: 200px;'>
<tr>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_133.jpg' border='0' /><span><img src='fileupload/133.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_134.jpg' border='0' /><span><img src='fileupload/134.jpg' /><br /></span></a></td>

</tr>
<tr>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_135.jpg' border='0' /><span><img src='fileupload/135.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_136.jpg' border='0' /><span><img src='fileupload/136.jpg' /><br /></span></a></td>

</tr>
<tr>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_137.jpg' border='0' /><span><img src='fileupload/137.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_138.jpg' border='0' /><span><img src='fileupload/138.jpg' /><br /></span></a></td>

</tr>
<tr>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_139.jpg' border='0' /><span><img src='fileupload/139.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_140.jpg' border='0' /><span><img src='fileupload/140.jpg' /><br /></span></a></td>

</tr>
<tr>

<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_141.jpg' border='0' /><span><img src='fileupload/141.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_142.jpg' border='0' /><span><img src='fileupload/142.jpg' /><br /></span></a></td>

</tr>
<tr>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_143.jpg' border='0' /><span><img src='fileupload/143.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_144.jpg' border='0' /><span><img src='fileupload/144.jpg' /><br /></span></a></td>

</tr>
<tr>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_145.jpg' border='0' /><span><img src='fileupload/145.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_146.jpg' border='0' /><span><img src='fileupload/146.jpg' /><br /></span></a></td>

</tr>
<tr>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_147.jpg' border='0' /><span><img src='fileupload/147.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_148.jpg' border='0' /><span><img src='fileupload/148.jpg' /><br /></span></a></td>

</tr>
<tr>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_149.jpg' border='0' /><span><img src='fileupload/149.jpg' /><br /></span></a></td>
<td><a class='thumbnail' href='#thumb'><img src='fileupload/tb_150.jpg' border='0' /><span><img src='fileupload/150.jpg' /><br /></span></a></td>
<td colspan='-2'> </td>
</tr>

</table>
</div>
</body>