HTML - Horizontal Scroll Bar For Frameset
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 Similar TutorialsHi, 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 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 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 I 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... 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?? 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'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) 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. 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? hi i have a frameset and where the two frames come togeather there is an ugly white border. can anybody please give me a css code to either set the border width to 0px or to color it to my background color? thanks in advance - example: http://wastedtime.co.nr Sorry, extreme html novice alert! I created a very simple frameset based website on dreamweaver, please look at it he www.desmondandthetutus.co.za The links all load the relevent sites in the mainframe, except the myspace link - the myspace link just clicks through to the site. Anyone got any idea why this happens? Or how I could try fix it? Hi there, I have to create Balochi Language Dictonary. For this I have 23 Alphabates and 800 pages. Via dreamweaver I hv created a frameset contains three frames. TOP Frame contains page numbers Right Frame contains ALPHABATES MainFrame will have to display scanned pages according to alphabate and relavent page numbers. The procedure should be as follows: When visitor click on alphabate from right frame, top frame should have to display series of page # (1 to 31) and content of first page should be display within mainFrame. as visitor click on page no 2, mainFrame will have to display content of PAGE#2 and so on. as visitor click on next alphabate TOP FRAME should have to change series of page numbers now it should have to display (page no 32 to 80) I am confused how to manage this. Thanks in advance for your prompt response. With regards Raji i'm wondering if someone can tell me why this coding is returning a blank page in firefox and opera 9.5: <html> <title> </title> <head> </head> <body> <frameset cols="25%,75%"> <frame src="file.html"> <frame src="file2.html"> </frameset> </body> </html> both files exist and are in the same location as this file, but the frame tag seems to negate all other html on the page, when i enter it nothing shows up but a white page even if there is other valid code on the page!! The following page uses a frameset... http://www.superpagerank.info/manual...submission.php The links on the top left frame opens up in the middle main frame. Works as it should in FF. However, in IE once you click one link it won't let you click another. No clue why this is. I've used framesets before and I have never had this problem. so i have these 3 files, frame.html, menu.html, and page.html frame.html sets up the frameset with menu.html on the left side and page.html on the right side. the page is very large and scrolls and has a bunch of named anchors in it, and the menu doesn't scroll so its always visible no matter where on the page you are. so u probably get the idea by now. normally if i want to have an anchor link in the page i would just say href="#anchorname", but instead i want to have links in the menu frame jump to anchors in the page frame, so that someone could browse the page very easily without having to scroll all the way back to the top for all the anchor links. is that possible, and how would i do it? I want to remove the space between the top frame and the main frame, but the div on the main frame doesn't start on the top of the frame... http://black1c3.awardspace.com how can i do it?? Hai, I have now a iframe on my page, that is connected to a frameset and that frameset i connected to my content. The reason that i have a frame in my iframe is because i coundt get around it because i would mess up my template. So i dont want to change this. The problem i am having know is that i want to resize my iframe according to its content. I have found a lott of scripts that do this but i dont think that this is possible because of the frameset that are located in my iframe. My iframe: Code: <iframe name="iframe" id="iframe" src="frame.html" frameborder="1" height="780" width="765">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe> My frameset: Code: <html> <head> <frameset border="1" cols="40%,60%"scrolling="no"> <frame name="menu" src="menu.html" scrolling="no"> <frame name="content" src="" scrolling="no"> </frameset> </head> </html> Code: <frame name="content" src="" scrolling="no"> Is left empty because on this right side if have a menu and on the left side comes the content when you click on the menu. Everything works fine and i have no errors. I only want to know how i can make the iframe resize according to its content with the problem i have now. Thanks in advancee How can I get the size of each frameset . I need to get the size wen the user drags any frameset.? Plz help me. |