/    Sign up×
Community /Pin to ProfileBookmark

Can’t get rid of horiz scrollbar – iframe

Copy linkTweet thisAlerts:
Nov 03.2003

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?

to post a comment
HTML

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@DaveSWNov 03.2003 — In the page that loads in the iframe try putting

<style type="text/css">

<!--

body {

overflow-x: hidden;

}

-->

</style>

in the head section.

I think that's it anyway. LOL
Copy linkTweet thisAlerts:
@PeOfEoNov 03.2003 — 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.
Copy linkTweet thisAlerts:
@smithtayNov 04.2003 — Am I wrong, or can't you just use <iframe scrolling="no"> or something like that?
Copy linkTweet thisAlerts:
@DaveSWNov 04.2003 — I haven't tested that, but wouldn't it apply to the vertical scrollbar as well as the horizontal?
Copy linkTweet thisAlerts:
@PeOfEoNov 04.2003 — and it would only work in internet explorer and it is not valid html. Just make the page inside the iframe fluid, OR ELSE ?
Copy linkTweet thisAlerts:
@MattSauthorNov 05.2003 — [i]Originally posted by PeOfEo [/i]

[B]and it would only work in internet explorer and it is not valid html. Just make the page inside the iframe fluid, OR ELSE ? [/B][/QUOTE]

Fluid?
Copy linkTweet thisAlerts:
@PeOfEoNov 05.2003 — 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.
Copy linkTweet thisAlerts:
@havikNov 05.2003 — It means to size your elements using percentages rather than pixels, inches, etc...

The pages on here are fluid. Resize the pages and you'll see that the page resizes itself to fit the window.

http://webhost.bridgew.edu/etribou/layouts/
×

Success!

Help @MattS spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...