Iframes give you the ability to serve a lot of information in a small section of your website. Instead of having your whole webpage scroll, you can allow your visitors to scroll through a specified section of your website. Unfortunately, Iframes aren't too user-friendly, especially for screen readers. Often times, Iframes can be replaced with a simple div. The pink div below has "overflow: auto;", which means that if the content inside of the div goes beyond the set width or height, the box will then be scrollable. The code for the pink box is inside: <div style="border: 1px solid #aaa;background-color:#f9efef; height:65px; overflow:auto; color:#135;"> <p>Your own content can go inside here.</p> </div> In the above example, we didn't set the width of the box, but you can do this by adding width: 100px; directly after style=", as shown: style="width: 100px; border: 1px solid #aaa... Instead of showing a separate page inside of the div, you can put your content directly inside of the div. Unfortunately, without the use of a server-side programming language, you cannot load a separate page inside of a div. You can change around the border and background-colour by changing the hex code proceeding the hash '#' sign. | 
