resize text according to screen resolution

[exhaler]

Hi,

 

i'm trying to resize text according to the screen resolution of the user. (i.e: scroll bar appears if screen resolution is small)

Jquery code

jQuery.event.add(window, "load", resizeFrame);
		jQuery.event.add(window, "resize", resizeFrame);

		function resizeFrame() {
		    var h = $(window).height();
		    var w = $(window).width();
		    $("#scroll-text").css('height',(h < 1024 || w < 768) ? 249 : 750);
		}

 

html code

<iframe id="scroll-text" name="scroll-text" scrolling="auto" width="100%" frameborder="0" src="history-text.php">
								</iframe>	

 

the above code is working, but i don't like to use iframes is there another of doing this?

thx for the ideas