Jul 25, 2008

Disabling Horizontal Scroller In Iframe? - How can I do that?
Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..
Pages: 1, 2

free web hosting

Disabling Horizontal Scroller In Iframe? - How can I do that?

Amezis
Apr 6 2005, 02:47 PM
Is there a way to disable the horizontal scroller in iframes? If yes, how can I do it?

Reply

ashiezai
Apr 6 2005, 02:55 PM
if u set the width no larger that the view screen, then it would be no scrollbar i think.
Im not very sure about this. I've use the width attribute to do this before. Sure there are some other ways

Reply

choetry
Apr 6 2005, 02:57 PM
why would you want to do that? if the visitor's browser is not at full size, your frame will be very compressed without the horizontal scroll bar

Reply

Argoth
Apr 6 2005, 04:19 PM
if you set scrolling to no the iframe will have no scrollbars but I don't know how to disable just the horizontal scrollbar.

It would be like the frames trap17 uses.

Reply

xlipglossaffectx
Apr 6 2005, 08:07 PM
The option in Microsoft FrontPage edits both scrollbars not one individually. Even if you try write the HTML through a programe like WordPad i don't think you can set only one scrollbar to change. I don't see why you would want to though huh.gif

Reply

Amezis
Apr 10 2005, 06:12 PM
Well, it's because I have a shoutbox, and sometimes a horizontal scrollbar appears, well it's not that annoying, but it could be better without. It's a bug that only happen sometimes...

Reply

alexia
May 2 2005, 09:28 PM
Use This Code for That ::
<iframe id="datamain" src="Html address " width="Size" height="Size" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe>

if marginwidth and marginheight and frameborder = 0 iframe load with out any bordar and any 3d style
if scrolling = no dont show scroll and if = yes it show scrolls
in front page u can first put your iframe and then in html code find iframe tag and edit scrolling to no


Reply

Amezis
May 5 2005, 07:23 AM
Yes, but I only want to disable the horizontal scrollbar, not the vertical too! tongue.gif

Reply

nipun
May 5 2005, 08:22 AM
I don't html have any specific command for that.
but still u can try verticalborder=no horizontalborder=0

if this work it is ur good luck.

Reply

dodgerblue
May 5 2005, 08:26 AM
Hello, to answer your question:

I'll attempt to explain this by using an example. Let's say your iframe source is called shoutbox.html and your division ID for the style of the shoutbox is under #div.

This is what you put in your style tags:

CODE
#div {
overflow-x: hidden;
}


Of course you have other things in between, I'm sure there are colour and width and height and other specifications. But to hide the horizontal scrollbar that is what you do. smile.gif

Then how to call it up would be to insert the id into the iframe tag.

Like so:

CODE
<iframe src="shoutbox.html" id="div">

</iframe>


Alternate method (easier method):

If you are not sure about using CSS, then directly edit the HTML by inserting this into the divison tag.

CODE
<iframe src="shoutbox.html" style="overflow-x: hidden;">

</iframe>


Hope that was helpful smile.gif If you still have problems, you are welcome to PM me or IM me or bug other more knowledgeable people on the forums heheh tongue.gif (but I can't guarantee that they'll welcome it wink.gif)

 

 

 


Reply

Latest Entries

iGuest
Jun 17 2008, 11:54 AM
Hide Horizontal scroll bar of IFRAME.
Disabling Horizontal Scroller In Iframe?

How to hide horizontal scroll bar using IFRAME control.

I want only vertical scroll bar.

If description width is long then appear horizontal scroll bar but I not want horizotal scroll bar any way.

Help me.

-reply by piyush

Reply

iGuest
Apr 2 2008, 04:18 PM
Replying to Trap FeedBacker

You can use horizontalscrolling="no/yes" and verticalscrolling="no/yes"

An example of this will be on lornamacdonald.Co.Uk shortly, as an image preview scrollbar.

Here is the entire thread of code I have used:

<iframe width="600px" height="100" id="iframe_id" name="iframe_name" src="commercial.Htm" horizontalscrolling="yes" verticalscrolling="no" marginwidth="0" marginheight="0" frameborder="0" ALLOWTRANSPARENCY="true" onload=resize_iframe();></iframe>

If you are using iframes, search for iframe resize on google for a nifty little javascript code that I use at the end..


Reply

iGuest
Mar 13 2008, 02:29 AM
about the removal of the horizontal scrolling-bar in iFrames
Disabling Horizontal Scroller In Iframe?

I've also had the same pb with the horizontal scrolling-bar ...
I've tried resizing the framed page with <b>{width:95%}</b>, tried with <b>overflow-x:hidden</b>, tried deleting the DTD lines at the top of the page ... None of them worked !

Here's the answer [I found it somewhere on the net, looking stupid, but it works] ... For scrolling in the iFrame I've set value "yes" (<b>scrolling="yes"</b>), so I got rid of the horizonal bar. Then I checked the site in Mozilla and it appeared here (previously it was allright in Mozilla), so I've added <b>style="overflow-x:hidden;"</b> ... So it worked with Mozilla also.

Here's the complete lines:

<IFRAME name=stbbox src="serv_frame.Html" width="365" height="300" scrolling="yes" style="overflow-x:hidden;" frameborder="0" marginheight="0" marginwidth="0" vspace="0" hspace="0">
<p>Your browser doesn't support frames. Click <a href="serv_frame.Html" target="_blank">here</a> to view the page.</p>
</IFRAME>

Hope you enjoy it as I do !!

-reply by Calin

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Pages: 1, 2
Recent Queries:-
  1. how to hide iframe scrollbar - 2.15 hr back. (2)
  2. iframe horizontal scroll - 3.01 hr back. (1)
  3. iframe scrolls horizontally - 4.09 hr back. (1)
  4. iframe no horizontal scroll - 6.29 hr back. (1)
  5. no horizontal scroll iframes - 8.52 hr back. (1)
  6. iframe no scrollbar - 7.06 hr back. (2)
  7. iframe css disable horizontal scroll - 9.94 hr back. (1)
  8. iframes no horizontal scroll - 11.73 hr back. (2)
  9. how to disable overflow html style - 14.39 hr back. (2)
  10. iframe horizontal scroll no - 14.80 hr back. (1)
  11. no horizontal scrolling in iframe - 14.87 hr back. (1)
  12. iframe scroll disable - 15.52 hr back. (1)
  13. iframe horizontal scrolling disable - 15.73 hr back. (1)
  14. iframe no horizontal scrolling - 15.95 hr back. (1)
Similar Topics

Keywords : disabling, horizontal, scroller, iframe

  1. Iframe Src = A Local File In My Computer
    (6)
  2. Iframe Menu Question
    (1)
    I am trying to make a menu for my site. I made an HTML page with the text/links of the menu, then I
    embedded that page in all the main "content" pages using an iframe. The problem is that whenever I
    click the links in the menu they open INSIDE of the iframe instead of switching the whole browser to
    the page the link is directed to. I hope I'm not TOO hard to understand. /wink.gif"
    style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> Oh, and on this page it has
    the perfect example of what I want. http://www.w3schools.com/tags/tag_iframe.asp See ....
  3. Help With Css/html Layout
    Horizontal List Problems (5)
    I can't figure out why this horizontal list isnt working. Underneath my banner is supposed to
    be a green gradient bar with a list of links in the center of the page. The links are all the way
    to the left and are really small. The banner is also overlapping the list for some reason. This is
    my current layout(don't worry, I'm not trying to advertise).
    http://www.stormgaming.net/stormcreations/ This is my CSS file
    http://www.stormgaming.net/stormcreations/storm.css Thanks in advance for any help.....
  4. Change Scroller Icon (like Favicon)
    How do I change the scroller? (3)
    I was reading about browser specific hacks, to hide something from IE, and I found this nice article
    in the Sitepoint website. As I was reading it, I clicked the middle mouse button (scroller) and
    instead of the ugly circle with two arrows and a dot in the middle a personalized Icon (of
    sitepoints logo) appeared. Its kind of like the favicon thing, but with the scroller instead. Anyone
    here knows how to do this? Or what its called? (scrollicon?, lol, dont know).....
  5. Website Security
    encryption/html function disabling etc. (2)
    Hey Guys, Searched for posts re: webpage security (keeping slimeB*lls from "borrowing" your content)
    on the forums & came up blank. So thought I'd start a string here. OK, so does anyone have any
    info to contribute? Has anyone used html encryption programs? Does this create problems with
    browsers "reading" the page content or other functionality problems? What about webpage/html
    modifications/"updates" after the page has been encrypted? How good is the encryption OR how easy is
    it to hack/crack etc. ??? Anybody? Cheers! PS-Any strings/links in the forums I've....


      6. Looking for disabling, horizontal, scroller, iframe

Searching Video's for disabling, horizontal, scroller, iframe
advertisement



Disabling Horizontal Scroller In Iframe? - How can I do that?



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!" 		Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE