Remove scroll bar from iframe, Show iframe without a vertical scroll bar |
Remove scroll bar from iframe, Show iframe without a vertical scroll bar |
CharlesEF |
Feb 3 2019, 06:56 PM
Post
#1
|
Programming Fanatic Group: Members Posts: 1,984 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
Hi All,
Ok, what is the trick to removing the scroll bar from an iframe. HTML5 specs state that CSS should be used but 'overflow: hidden;' has no effect. The only thing that does work is 'scrolling="no"' but HTML5 doesn't support it. The container that holds the iframe is big enough and the scroll bar should not appear but it does. Does this mean I have to use HTML4 instead of HTML5? Thanks for any help, Charles |
Christian J |
Feb 4 2019, 06:20 AM
Post
#2
|
. Group: WDG Moderators Posts: 9,722 Joined: 10-August 06 Member No.: 7 |
This works in my browsers:
CODE iframe { height: 300px; width: 500px; overflow: hidden; border: 0; } <iframe src="http://example.org"></iframe> If you increase text size, the framed content will of course need more space. Also make sure the scrollbars are from the iframe itself, and not from the parent page (or element) because the iframe is too large. |
pandy |
Feb 6 2019, 01:34 AM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,753 Joined: 9-August 06 Member No.: 6 |
This works in my browsers: CODE iframe { height: 300px; width: 500px; overflow: hidden; border: 0; } Actually, that doesn't work for me. Not with any page loaded in an iframe. Odd, I seem to recall this used to be possible with CSS? Charles, try to add the following to the CSS for db_tests.php . That ought to work. CODE body { overflow: hidden } |
Lo-Fi Version | Time is now: 25th September 2024 - 03:01 AM |