#70 Added widthCalcMode options

README.md

@@ -197,29 +197,29 @@ Resize iFrame to content width.
 
 Set the number of pixels the iFrame content size has to change by, before triggering resize of the iFrame.
 
-### widthCalculationMethod
+	### widthCalculationMethod
 
-	default: 'scroll'
-	values:  'bodyOffset' | 'bodyScroll' | 'documentElementOffset' | 'documentElementScroll' |
-	         'max' | 'min' | 'scroll' | 'leftMostElement' | 'taggedElement'
+		default: 'scroll'
+		values:  'bodyOffset' | 'bodyScroll' | 'documentElementOffset' | 'documentElementScroll' |
+		         'max' | 'min' | 'scroll' | 'leftMostElement' | 'taggedElement'
 
-By default the width of the page is worked out by taking the greater of the documentElement and body scrollWidth values.
+	By default the width of the page is worked out by taking the greater of the **documentElement** and **body** scrollWidth values.
 
-Some CSS technics may require you to change this setting to one of the following options. Each can give different values depending on how CSS is used in the page and each has varying side-effects. You will need to experiment to see which is best for any particular circumstance.
+	Some CSS technics may require you to change this setting to one of the following options. Each can give different values depending on how CSS is used in the page and each has varying side-effects. You will need to experiment to see which is best for any particular circumstance.
 
-* **bodyOffset** uses `document.body.offsetWidth`
-* **bodyScroll** uses `document.body.scrollWidth` <sup>*</sup>
-* **documentElementOffset** uses `document.documentElement.offsetWidth`
-* **documentElementScroll** uses `document.documentElement.scrollWidth` <sup>*</sup>
-* **scroll** takes the largest value of the two scroll options
-* **max** takes the largest value of the main four options <sup>*</sup>
-* **min** takes the smallest value of the main four options <sup>*</sup>
-* **leftMostElement** Loops though every element in the the DOM and finds the left most point <sup>†</sup>
-* **taggedElement** Finds the left most element with a `data-iframe-width` attribute
+	* **bodyOffset** uses `document.body.offsetWidth`
+	* **bodyScroll** uses `document.body.scrollWidth` <sup>*</sup>
+	* **documentElementOffset** uses `document.documentElement.offsetWidth`
+	* **documentElementScroll** uses `document.documentElement.scrollWidth` <sup>*</sup>
+	* **scroll** takes the largest value of the two scroll options
+	* **max** takes the largest value of the main four options <sup>*</sup>
+	* **min** takes the smallest value of the main four options <sup>*</sup>
+	* **leftMostElement** Loops though every element in the the DOM and finds the left most point <sup>†</sup>
+	* **taggedElement** Finds the left most element with a `data-iframe-width` attribute
 
-<sup> † </sup> <i>The **leftMostElement** option is the most reliable way of determining the page height. However, it does have a performance impact in older versions of IE. In one screen refresh (16ms) Chrome can calculate the position of around 10,000 html nodes, whereas IE 8 can calculate approximately 50. The **taggedElement** option provides much greater performance by limiting the number of elements that need their position checked.</i>
+	<sup> † </sup> <i>The **leftMostElement** option is the most reliable way of determining the page height. However, it does have a performance impact in older versions of IE. In one screen refresh (16ms) Chrome can calculate the position of around 10,000 html nodes, whereas IE 8 can calculate approximately 50. The **taggedElement** option provides much greater performance by limiting the number of elements that need their position checked.</i>
 
-<sup> * </sup><i>The **bodyScroll**, **documentElementScroll**, **max** and **min** options can cause screen flicker and will prevent the [interval](#interval) trigger downsizing the iFrame when the content shrinks. This is mainly an issue in IE 10 and below, where the [mutationObserver](https://developer.mozilla.org/en/docs/Web/API/MutationObserver) event is not supported. To overcome this you need to manually trigger a page resize by calling the [parentIFrame.size()](#size-customheight-customwidth) method when you remove content from the page.</i>
+	<sup> * </sup><i>The **bodyScroll**, **documentElementScroll**, **max** and **min** options can cause screen flicker and will prevent the [interval](#interval) trigger downsizing the iFrame when the content shrinks. This is mainly an issue in IE 10 and below, where the [mutationObserver](https://developer.mozilla.org/en/docs/Web/API/MutationObserver) event is not supported. To overcome this you need to manually trigger a page resize by calling the [parentIFrame.size()](#size-customheight-customwidth) method when you remove content from the page.</i>
 
 
 ## Callback Methods