Optionally edit the border color and width.Įdit the scrolling in the HTML to 'no' or 'yes'. In the above example you can change the width and the height to any sizes you would like for your IFrame (use 100% width for responsive and edit the max-width to a fixed px number). To use fully compliant HTML5 code remove the following from the HTML code: Your HTML error checker may flag these codes as errors. The IFrame HTML code in step #1 includes backward compatible code for older HTML 4.01 web browsers like IE8. If you do not have a global css file, add the above code to the head section of your webpage just before the tag between the following tags. Overflow: auto /* EDIT TO hidden FOR NO SCROLLBAR */ The following code works for both responsive and non-responsive webpages. Edit the following with your height, width, border and overflow options. The css height and width will overwrite the IFrame HTML code. Select, copy, and paste the following css at the bottom of your template global style. Paste it into the content area of your HTML webpage where you want the IFrame window to appear. This example uses responsive css code to make the IFrame window flex in width.Įdit the size and border of the IFrame in the step #2 css code.Ĭreate a new webpage called 'framepage.htm' that will display inside the IFrame window.

Below is an example embedded HTML webpage named 'IFrame-SAMPLE.html'.

Html code into iframe