/    Sign up×
Community /Pin to ProfileBookmark

Horizontal Scrolling Bar of Doom

Copy linkTweet thisAlerts:
Apr 06.2006

Alright, I’m likely going to sound like an idiot but I’m going to reach out for help in this. :p

I’ve designed a template, using tables and an iframe. It works well, looks ok. Except in the iframe, it insists on a horizontal scroll bar. The content fits fine in the iframe, I have no idea why it’s insisting on that scroll bar. I need the vertical scroll bar as the content is a bit long inside the space, but there is no need for the other one. Is there a way to disable the horizontal scroll bar without affecting the vertical scroll bar?

I’ve also tested it in numerous browsers to see if perhaps it was just explorer behaving oddly, but the same problem appears in netscape and firefox. Any suggestions? ?

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@Robert_WellockApr 06.2006 — Not without proprietary code, maybe you could have tried the <object> instead.
Copy linkTweet thisAlerts:
@kiavieauthorApr 06.2006 — Ahh, good idea. I suppose I can try and go that route instead. Thank you. ^^ Sometimes we overlook the simple solutions.
Copy linkTweet thisAlerts:
@WebJoelApr 06.2006 — There should be no horizontal scrollbar if the content is less than the width of the iFRAME. Do you have [scrolling="auto"] in the FRAME? This should then only make scrollbars (horiz. or vert.) if necessary. That should be enough.

If there is still a horizontal scrollbar, try adding [border="10"] (ten pixels) to the FRAMESET. This should 'frame' the content with a 10-pixel margin and maybe relieve the contraint that is creating the horizontal scrollbar.

Out of curiosity, it the horizontal scrollbar 'greyed out' (muted color/hue, and non-functional) or is it at full opacity (full color/hue and fully operational, just 'unnecessary')?

I used a javascript that created a muted-out horizontal scrollbar that was totally useless and think I know what you're seeing. But there should not be one there if the content is less than the width of the iFRAME's window...
Copy linkTweet thisAlerts:
@skilled1Apr 06.2006 — actually you can simply place it as overflow=hidden in the scrolling feature using javascript [in the target page] and it will remove that iframe's ability to scroll
Copy linkTweet thisAlerts:
@kiavieauthorApr 08.2006 — Thank you for all of your fantastic advice.

I tried the "overflow=hidden" technique before making this post and I was still having a problem. I discovered the problem had something to do with the CSS included in the source. Once I removed that and just used HTML to get the same effect, the content was fine in the iFRAME once again.

Thank you again! ^_^
×

Success!

Help @kiavie 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,
)...