Methods and systems for applying responsive design to subframes on a web page

Computer code stored in a non-transient medium for rearranging content within an existing displayed sub-region of a web page in response to resizing the existing displayed sub-region, the content including a plurality of columns each having a respective width parameter, the computer code configured to implement the steps of:

• detecting resizing of the existing displayed sub-region within the webpage, wherein the sub-region comprises a slidable border, and resizing of the sub-region comprises movement of the slidable border through one of manual or automatic dragging;
• determining a span value associated with the resized existing displayed sub-region;
• defining a minimum width beyond which the resized sub-region cannot be reduced;
• determining a subset of the plurality of columns that fit within the span value based on the respective width parameters, wherein each respective width parameter comprises one of a fixed parameter and a dynamic parameter;
• displaying the subset of columns within the resized existing displayed sub-region;
• and
• simultaneously rearranging the contents of a second existing displayed sub-region in response to the resizing of the first existing displayed sub-region.

A computer system for rearranging the content within an existing displayed sub-region of a web page in response to resizing the existing displayed sub-region, the content including a plurality of columns each having a respective width parameter, the system including a processor configured to implement the steps of:

• detecting resizing of the existing displayed sub-region within the webpage, wherein the sub-region comprises a slidable border, and resizing of the sub-region comprises movement of the slidable border through one of manual or automatic dragging;
• determining a span value associated with the resized existing displayed sub-region;
• defining a minimum width beyond which the resized sub-region cannot be reduced;
• determining a subset of the plurality of columns that fit within the span value based on the respective width parameters, wherein each respective width parameter comprises one of a fixed parameter and a dynamic parameter;
• displaying the subset of columns within the resized existing displayed sub-region;
• and
• simultaneously rearranging the contents of a second existing displayed sub-region in response to the resizing of the first existing displayed sub-region.