<p>I have an iframe.  The content is wider than the width I am setting so the iframe gets a horizontal scroll bar.  I can't increase the width of the iframe so I want to just remove the scroll bar.  I tried setting the scroll property to "no" but that kills both scroll bars and I want the vertical one.  I tried setting overflow-x to "hidden" and that killed the horizontal scroll bar in ff but not in IE. sad for me.</p>

[{'answer_id': 67568, 'author': 'Rich Adams', 'author_id': 10018, 'author_profile': 'https://Stackoverflow.com/users/10018', 'pm_score': 3, 'selected': False, 'text': '<p>You could try putting the iframe inside a div and then use the div for the scrolling. You can control the scrolling on the div in IE without issues, IE only really has problems with iframe scrolling. Here\'s a quick example that should do the trick.</p>\n\n<pre><code>&lt;html&gt;\n    &lt;head&gt;\n        &lt;title&gt;iframe test&lt;/title&gt;\n\n        &lt;style&gt;         \n        #aTest { \n            width: 120px;\n            height: 50px;\n            padding: 0;\n            border: inset 1px #000;\n            overflow: auto;\n        }\n\n        #aTest iframe {\n            width: 100px;\n            height: 1000px;\n            border: none;\n        }\n        &lt;/style&gt;\n    &lt;/head&gt;\n    &lt;body&gt;\n        &lt;div id="aTest"&gt;\n            &lt;iframe src="whatever.html" scrolling="no" frameborder="0"&gt;&lt;/iframe&gt;\n        &lt;/div&gt;\n    &lt;/body&gt;\n&lt;/html&gt;\n</code></pre>\n'}, {'answer_id': 67576, 'author': 'Jim', 'author_id': 8427, 'author_profile': 'https://Stackoverflow.com/users/8427', 'pm_score': 5, 'selected': False, 'text': "<p>The scrollbar isn't a property of the <code>&lt;iframe&gt;</code>, it's a property of the page that it contains.  Try putting <code>overflow-x: hidden</code> on the <code>&lt;html&gt;</code> element of the inner page.</p>\n"}, {'answer_id': 68347, 'author': 'scunliffe', 'author_id': 6144, 'author_profile': 'https://Stackoverflow.com/users/6144', 'pm_score': 0, 'selected': False, 'text': '<pre><code>&lt;iframe style="overflow:hidden;" src="about:blank"/&gt;\n</code></pre>\n\n<p>should work in IE.  IE6 had issues supporting overflow-x and overflow-y.</p>\n\n<p>One other thing to note is that IE\'s border on the iframe can only be removed if you set the "frameborder" attribute in camelCase.</p>\n\n<pre><code>&lt;iframe frameBorder="0" style="overflow:hidden;" src="about:blank"/&gt;\n</code></pre>\n\n<p>it would be nice if you could style it properly with CSS but it doesn\'t work in IE.</p>\n'}, {'answer_id': 472081, 'author': 'Community', 'author_id': -1, 'author_profile': 'https://Stackoverflow.com/users/-1', 'pm_score': 6, 'selected': True, 'text': '<pre><code>scrolling="yes"  horizontalscrolling="no" verticalscrolling="yes"\n</code></pre>\n\n<p>Put that in your iFrame tag.</p>\n\n<p>You don\'t need to mess around with trying to format this in CSS.</p>\n'}, {'answer_id': 2165789, 'author': 'Lou', 'author_id': 262211, 'author_profile': 'https://Stackoverflow.com/users/262211', 'pm_score': 0, 'selected': False, 'text': '<p>All of these solutions didn\'t work for me or were not satisfactory. With the scrollable DIV you could make the horizontal scrollbar go away, but you\'d always have the vertical one then.</p>\n\n<p>So, for my site where I can be sure to control the fixed height of all iframes, this following solution works very well.\nIt simply hides the horizontal scrollbar with a DIV :)</p>\n\n<pre><code>    &lt;!-- This DIV is a special hack to hide the horizontal scrollbar in IE iframes --&gt;\n&lt;!--[if IE]&gt;\n&lt;div id="ieIframeHorScrollbarHider" style="position:absolute; width: 768px; height: 20px; top: 850px; left: 376px; background-color: black; display: none;"&gt;\n&lt;/div&gt;\n&lt;![endif]--&gt;\n&lt;script type="text/javascript"&gt;\n  if (document.getElementById("idOfIframe") != null &amp;&amp; document.getElementById("ieIframeHorScrollbarHider") != null)\n  {\n    document.getElementById("ieIframeHorScrollbarHider").style.display = "block";\n  }\n&lt;/script&gt;\n</code></pre>\n'}, {'answer_id': 3009299, 'author': 'Toby Artisan', 'author_id': 243992, 'author_profile': 'https://Stackoverflow.com/users/243992', 'pm_score': 0, 'selected': False, 'text': "<p>You can also try setting the width of the body of the page that's included inside the iframe to 99%.</p>\n"}]
['https://Stackoverflow.com/questions/67354', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/5234/']