How To Resize an iframe in Expression Web

An iframe is an Inline Frame.  It permits you to embed a link within the page.

Once you have the iframe on the page, you can then resize the iframe in a few different ways.

 

1.  Directly in the XHTML code view

2.  Create a CSS style for the iframe

3.  Cclick on the edge of the iframe

 

1.  Resize the iframe directly in the code view

<iframe id="I1"  name="I1"  width="800px"   height="700px"  scrolling="auto" 
src="http://www.thelinkofyourchoice.com"  </iframe>

 

 

2. Create a CSS Style to resize an iframe

 Click on New Style

Make the Selector iframe

Click on the Position Category and set a width and a height, and set any other properties you would like: margins, borders, etc.

 

 

3.  Click on the edge of the iframe

After setting up the iframe on a web page, click on the edge of the iframe to initiate the resizing handles.  Then Click and Drag.  NOTE: if you attempt to access resizing handles on the left side of the iframe, you won't find them.

You must access the resizing handles on the right or bottom of the iframe.