I am using IFRAME in a page and everything is lining up correctly, I just can't get rid of the horizontal scrollbar. I even made the iframe source have a table with a width smaller than the iframe, so it doesn't need to scroll horizontally. Is there a way I can get rid of the horizontal scroller, but keep the vertical scroller?<!--content-->In the page that loads in the iframe try putting<br />
<br />
<style type="text/css"><br />
<!--<br />
body {<br />
overflow-x: hidden;<br />
}<br />
--><br />
</style><br />
<br />
in the head section.<br />
I think that's it anyway. LOL<!--content-->lol that will do it but why not just use %'s for widths of the content in the iframe, make the content smaller then the iframe width wise.<!--content-->Am I wrong, or can't you just use <iframe scrolling="no"> or something like that?<!--content-->I haven't tested that, but wouldn't it apply to the vertical scrollbar as well as the horizontal?<!--content-->and it would only work in internet explorer and it is not valid html. Just make the page inside the iframe fluid, OR ELSE
<!--content-->Originally posted by PeOfEo <br />
and it would only work in internet explorer and it is not valid html. Just make the page inside the iframe fluid, OR ELSE <br />
<br />
Fluid?<!--content-->fluid - being able to resize or adapt to different resolution or browser windows size. Basically if you use %'s or css margines for setting your widths, it will resize to fit the page when it resizes. So if the iframe resizes, that means the page inside the iframe will resize too if the elements inside of that page can resize.<!--content-->It means to size your elements using percentages rather than pixels, inches, etc...<br />
<br />
The pages on here are fluid. Resize the pages and you'll see that the page resizes itself to fit the window.<br />
<!-- m --><a class="postlink" href="http://webhost.bridgew.edu/etribou/layouts/">http://webhost.bridgew.edu/etribou/layouts/</a><!-- m --><!--content-->
<br />
<style type="text/css"><br />
<!--<br />
body {<br />
overflow-x: hidden;<br />
}<br />
--><br />
</style><br />
<br />
in the head section.<br />
I think that's it anyway. LOL<!--content-->lol that will do it but why not just use %'s for widths of the content in the iframe, make the content smaller then the iframe width wise.<!--content-->Am I wrong, or can't you just use <iframe scrolling="no"> or something like that?<!--content-->I haven't tested that, but wouldn't it apply to the vertical scrollbar as well as the horizontal?<!--content-->and it would only work in internet explorer and it is not valid html. Just make the page inside the iframe fluid, OR ELSE
<!--content-->Originally posted by PeOfEo <br />and it would only work in internet explorer and it is not valid html. Just make the page inside the iframe fluid, OR ELSE
<br /><br />
Fluid?<!--content-->fluid - being able to resize or adapt to different resolution or browser windows size. Basically if you use %'s or css margines for setting your widths, it will resize to fit the page when it resizes. So if the iframe resizes, that means the page inside the iframe will resize too if the elements inside of that page can resize.<!--content-->It means to size your elements using percentages rather than pixels, inches, etc...<br />
<br />
The pages on here are fluid. Resize the pages and you'll see that the page resizes itself to fit the window.<br />
<!-- m --><a class="postlink" href="http://webhost.bridgew.edu/etribou/layouts/">http://webhost.bridgew.edu/etribou/layouts/</a><!-- m --><!--content-->