Question

I have a page that is basically this:

<div id="thelist" style="height:100%; width:100%; position:relative"></div>

<script type="text/javascript">
  $('#thelist').load('other.aspx', function () { });
</script>

The problem is this: When the content is loaded, it expands outside the boundaries of the div and into surrounding controls. Is there a way to restrict this content to the div and just have the div scroll to include all the contents? Thanks.

Answer 1

Yes, you should be able to do this with the css overflow property setting it to either auto or scroll.
Here’s a good article detailing the ins and out and here is the w3c specification.