I use iframes in some of my web pages. The worst thing I've ever noticed that, when the page inside an iframe becomes longer or wider, horizontal or vertical scroll bars appears around the frame. If I set scroll bars to 'NO' the frame shows a partial display of the source page. I want to know, how can use an iframe which will work seemlessly inside an html page, no scroll bar will appear, however the source page's size is, and the frame will grow/collapse in height/width to fit the source page.
Any CSS tweak or something else?

The whole point of an IFRAME is to fit content to a specific sized frame.
Not to allow the content to screw with your page layout.

You can and may want to set the IFRAME with percentages so it adjusts to any monitor resolution but you don't want it to be resizing itself arbitrarily.

That's just bad coding form, PERIOD.

I guess, you didn't understand my point. I don't want to see scroll bars around the iframe. I don't think using percentage height/width is a solution to this problem.

Any proper solution plz.

The only HTML pure way NOT to use scroll and still see the full document is to resize the IFRAME height so the entire document will fit.

If it's a long document, you want it to scroll. Like I said, that's the whole point of Ifram is to fit longer items in less space.

I did however find this page that explains how to use Javascript to do what you
want to do.

http://www.kaali.co.uk/article-Cross...-script-94.htm

Google IFRAME Auto Resize and you will find other suggestions.

Thnak you for the link.