Setting a max/min width on a resizable frame within a frame set.

Setting a max/min width on a resizable frame within a frame set.

Hello everyone...I am new here so be gentle . I am working on a project that has to use frames within a frameset. The frameset consists of two columns and looks like so:

  1. <frameset cols="175,*" frameborder="2" border="2" framespacing="0" border="0">
            <frame src="LeftSide.htm" scrolling="no" border="2" frameborder="2">
            <frame src="RightSide.htm" scrolling="no"  border="2" frameborder="2">
        </frameset>




Based on this code, and if you are familiar with frames, it should be obvious that it is possible to resize the frames. While this is okay, It is not completely okay. I need to be able to only allow the frame to be resized to a certain point. So for example LeftSide.htm would only have a max-width of 200px and a min of 50px. I have tried working with styles to no avail. The closests that I have come to success was using jquery to attach an event handler to the window.resize event and readjust the width of the frame as shown below (this is in LeftSide.htm):

  1.  $(window).resize(function() {         
  2.            if ($(window).width() > 200) {
  3.                parent.document.body.cols = '175,*'
  4.            }
  5.        });

The results of this weren't the best in the world. 1. It didn't work in every browser. 2. It had a "Snapping" effect...so I could pull the frame to a point greater than 200 px and then it would snap back to 200. 3. The way that this rendered wasn't very attractive.

So my question is this. Does anyone know how to use jquery to accomplish this goal? Thanks so much for your time and help.