Many people who are trying my tutorial on how to create I-Frames contact me with various issues they face, and usually it's the horizontal scrollbar problem on Internet Explorer (IE) browser.

The solution for this problem is quite easy but not so recommended from the W3C's Web Standards point of view. Because we will be removing two lines of codes that tells the Browser how to read the page. And those 2 lines are highlighted in red in the screenshot below.

Just remove these two lines of code in your source page and the horizontal scrollbar will be removed from your iframe.

So if you code looked like this then your source page would be news.html

<IFRAME SRC="news.html" FRAMEBORDER="0" SCROLLING="auto" WIDTH="446" HEIGHT="120" TITLE="Ades News">
News </IFRAME>

Some of the other sources of problems for the horizontal scrollbar in your iframes are:

• It will appear if your table or image on the source page is bigger than your iframe width.
• Your table has smaller width than your iframe but you didn't set left margin to zero leftmargin="0" in your source page.