HTML - Overlow-x - Div Remove Horizontal Scroll
I'm trying to remove the horizontal scroll bar from a div but keep the vertical. I've seen a lot of posts on this but the answer is always:
overflow-y:scroll;overflow-x:hidden but that won't work for me, because the x width does exceed the page, so I don't want to hide, I want to rely on the page's native horizontal scroll bars. (The reason being, I have a 'fixed/frozen' header div above which the offending div needs to stay in sync with) Similar TutorialsI don't know how this got here, but I don't have any absolute width defined anywhere, I'm viewing the site on 1280x800 resolution, and I have a horizontal scroll bar... have a look if you want. www.bkriegtech.net Thanks for any help... Can anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J I want to create a website that both Firefox and IE will recognize my code where there is no vertical scroll. The page only scrolls horizontally. The site I am creating is for a portfolio and horizontal scroll is best for vieiwing such. Do I need to use CSS to make this work or how can I acheive this? Thank you Chaser Im working in a HTML page using also JSP (Java). In the HTML code I have a large string of information (horizontal string) that does not fit in the screen. I also would like to have this info aligned in colums. I am using <TABLE>. The problem with <TABLE> is that it put all the information in one screen, breaking the string in two parts, instead of having an horizontal scroll bar and using this scroll bar to see al the info. Thanks, John Morales Hello, This is probably a simple question for most but its driving me nuts... I added an iframe to my page and I would like to remove the up and down scroll from the page since its not being used (and just leave the side to side scroll). Take a peak at the page in question: sorry Chris Would apprecaite any comments. Chris A Hughes hi ! I'm using a frameset and in the main frame I need the vertical scroller visible all the time, even when not needed, but when I set it ... HTML Code: scrolling="yes" but with this the horizontal scroll is also visible, what I don't want Is there a way to enable just the Vertical one?? Hi i am having html page which have <frameset> of 7 frames. See below source for that frameset <frameset rows="115,13,*,100" frameborder="no" border="0" framespacing="0"> <frameset cols="*,11" frameborder="no" border="0" framespacing="0"> <frame src="headerPageTop.html" name="topPage" scrolling="no" noresize="noresize" /> <frame src="headerRightPanel.html" name="header_rightpanel" scrolling="No" /> </frameset> <frameset cols="*,22" frameborder="no" border="0" framespacing="0"> <frame src="headerPageBotton.html" name="header_rightpanel" scrolling="No" /> <frame src="headerRightPanelBottom.html" name="header_rightpanel" scrolling="No" /> </frameset> <frameset cols="163,*,22" frameborder="no" border="0" framespacing="0" marginheight="0" marginwidth="0" topmargin="0"> <frame src="leftPage.html" name="leftPage" scrolling="No" noresize="noresize" /> <frame src="../system/deviceView/deviceView.html" name="contentPage" /> <frame src="rightPanel.html" scrolling="No" name="rightpanel" /> </frameset> <frame src="bottomPage.html" name="bottomFrame" scrolling="No" /> </frameset> Solution required is when the user reduce the window size topframe having image menu getting hidden. So we need to provide a horizontal bar common for all the frames. Can you please suggest the best solution with will working for IE, Firefox & Netscape. regards Sudhakar S Hi! I am having problems with horizontal scroll-bar. The thing is horizontal scroll-bar appears in local view. But when I put it into web only horizontal scroll-bar disappears. I'm using swffit also, and tried lots of things to solve this but coulnd't manage to solve this weird problem. Anyone has an idea? Thanks in advance. site link is www.firinciorhan.com.tr Does anyone know what CSS/HTML I need to use so scroll bars are disabled across all the main browsers? I.e. FF2, FF3, IE6, IE7, Safari.... I have the searched the Internet high and low and all I can really find on the issue is abuse from other posters who fail to answer the original poster's question because they think they know best. Is anyone able to help? Many thanks in advance. New poster here! Recently been creating a website using HTML & CSS from scratch using Notepad++. I was under the impression that the more flat, or spread out the design, browsers would squish it automatically to fit on the page. Apparently this is not the case. I current have a page where the main content starts 250 pixels from the left hand side of the screen, this causes some of the content disappear of the right hand side of on lower resolution screens. Should I be starting the content at the far left, or is there another web page design convention I should be following? I assume there is a way around this however I can't seem to find it! Any help would be greatly appreciated. These forums are a wealth of knowledge! i have spent about 45min reading through alot of Iframe related threads but none of them have helped my problem. I have a website with iframes, on my index page i am trying to put an iframe into the content box so when you click the links up top it will load them without refreshing the whole page. So thats fine i put in my iframe code like this <iframe name="homeframe" width="780" height="250" border="0" frameborder="0" marginheight="0" padding="0" marginwidth="0" scrolling="auto"src="homeframe.html"> </iframe> And on the html document im trying to put into it "homeframe.html" it open up but it scrolls horizontally not vertically and all the writing goes onto 1 line horizontally. The width of my content box is 780px so i made the table in the homeframe.html document 780 so it wouldnt have the bar but it does. im stumped. thanks in advance. Hi, I've a frameset which contains two rows: <frameset rows="40%,60%" frameborder="10" ImagesBaseUrl="images/" CssClass="VerticalSplitterBar" scrolling="yes"> <frame src="ProgramReport1.aspx" frameborder="10" MARGINWIDTH="5px" scrolling="yes"> <frame src="BottomFrame.aspx" frameborder="10" > </frameset> The first page(ProgramReport1) width size is larger than the normal window size: <body> <ComponentArt:TabStrip id="TabStrip1" <ComponentArt:MultiPage id="MultiPage1" <ComponentArtageView ID="PageView1" <div style="vertical-align:middle; height: 552px; overflow: auto; overflow: auto; width:1400px; padding-left: 5px; padding-right: 5px;"> While displaying the frameset the vertical scroll bar is there, but there is no horizontal scroll bar. I've enabled scrolling="yes" to the frame, but still the horizontal scroll bar is not displayed. Do I need to handle any other properties. Thanks for your time, Senthil Hello again. Thanks for the help with my website building so far.. I thought I'd make a new post for my latest question, once again, as I did not solve it. There must be a way to remove the horizontal scrollbar on my site, that is visible in ie browsers below 7, and who knows what more (I only have ie and firefox). In firefox it looks great, and fits itself nicely into the layer without a horizontal scrollbar in the content window. This happens in the following two pages: http://www.ionisationband.com/blog.php http://www.ionisationband.com/guestbook.php I understand that firefox reads and resizes these two to fit perfectly into the page, but ie below 7 does not. There must be some way to tell ie what firefox already can figure out by itself? This is really annoying me, and I would be very happy if someone could tell me HOW to do this for ie. Silje Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? Ive been looking EVERYWHERE for a site with a code for a scroll box with a trasparent scroll bar, Ive seen the code where I can edit the size of the box as well as the color of the box itself and I know how to do THAT. how do I make it where the code displays the scroll code as well so I can fully customize it? it seems that its always hidden.. Hello. I'm currently trying to help my friend develop his website. He wants to put a banner that's linked back to his site, and then underneath a scroll box which contains the code to put the banner in anywhere. The problem is, whenever I try, and I put the code in the scroll box, it shows the banner, instead of the actual code. How can I stop the banner from showing up? Thank you Im developing a homepage, www.hallevikslagret.se My problem is, when your using a small resolution or if you make the browserwindow to small the menu at the top disapears. Ive tried many different ways to show a scroll but i cant solve it. How do i get a scroll when the content gets to big. I know that im not using correct XHTML-language on the page. I will get to that as soon as possible when i solve this problem. Thank you for your time! Best Regards Jens I had the problem of my page shifting to the right whenever it was too long for the window to allow a scroll bar so I added this overflow-y:scroll; to the body information in the css sheet. It works fine in most browsers but I've noticed that with IE7 the scroll appears in the top part of the margin and not on the browser side. It just doesn't look right. Please advise. Here's the link. http://www.yotti.de/indextemp.html Trying to create a simple scrolling for fitting my template. sample: http://www.hottunaint.com/press1.html template sample to fit in the main panel (image size) http://www.hottunaint.com/product.html thanks hi i have a large text i want to make it into a scroll bar and i want it to be set up like how i typed it and i really need help on this |