i am attempting to make my iframe resizable, however a bug arises when i do so..
Here is a js fiddle of a good example http://jsfiddle.net/ta9N4/68/
Welcome to the forums
Thanks for making a fiddle to reproduce your issue, however it would be helpful to say more about what the bug is.
I think the main problem is that you are using an older version of jQuery and jQuery UI.
If you update these, set the width and height of the iframe to 100% in your CSS it should work.
Demo (which coincidentally showcases SP's great new responsive design)