|
HTML - Iframe Problem - Horizontal Scroll
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. Similar TutorialsHi! 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 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'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?? 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 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 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) 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 I'm currently developing a website using iframes and was wondering if it's possible to have an iframe's scroll bar tied to the actual browser scroll bar (the main scroll bar to the right in case I'm not explaining this well). The iframe in question is in the direct center of the page and the scroll bar for it makes it very ugly. I had a thought on maybe making the iframe's height scale with the size of it's src page so that it would never even need to have a scroll bar but I don't know how to do that. Any help would be appreciated... Hopefully none of these questions are really stupid. I've been doing this for about a week and am still trying to get my bearings. Thanks Hi, i need to add a box to the bottom of every product page of my site, (latest updates) kind of thing, i thought of an iframe, but it can't have borders, it needs to be invisible, or slight borders but no scroll bars. So i can update the contents of a "updates.htm" file and the results will be reflected on every page the iframe thing is on. kinda the same effect the "latest updates" boxes do on filehippo.com, go to an actual download page and you'll see, latest updates and most popular, i want a similar thing, using css if possible. Does anyone know where i might find a guide to that? It's for my download center of i-CONICA.net. Thanks. Hello dear forum, This is a big one, and I need some serious help. Have been trying to figure this one by myself, but I just couldn't, so I hope that you can help! Let me explain: I have a page with a Header/Menu which is a simple table, and an Iframe (frmMain) with some content. Here's what I need to do: onLoad & onResize the frmMain should get re-sized The main scrollbar on the page/window should scroll the frmMain content Re-size: The header should always stay 45px in height, but the frmMain should re-size to fill out the page vertically. Scroll: The scroll-bar on the main window/page should scroll the content of the frmMain of necessary. I have made an illustration to try explain my problem: I'm in the process of making a page where the menu/navigation is on the left, and to the right of it is the content area. I'm planning on using an iframe like I have in the past, so that the only place that reloads every time you click a menu option is the content area. The thing is, for the first time this website will have more content than my others, in which case a scroll bar would appear for just the content iframe ... is there any way around having this scroll bar appear? I would rather the height of the iframe just continue to extend as far down as the actual content goes, then stop. This way, the only scrollbar that appears on the webpage is the main scroll bar on the side of the browser. Is this possible with the iframe? if not, is there a better alternative?? please help!! EDIT: Edit: Okay, so I found a script that actually works but now I have another tiny problem. This is the code I found that works: http://www.milonic.com/mfa/2005-Apri...djustment.html But see on the javascript code it has a section that says "//extra height in px to add to iframe in FireFox 1.0+ browsers" ... this code actually does add extra unwanted space at the bottom of the iframe... extends it further than necessary. But I can't find the part where I can adjust/remove this? Could someone help me out with this?? Hello there.. I was searching on the forum for a little help to how I can change my scrollbar color inside my iframe, but I didnt rly find anything that helped, I only found solutions to: How to change scroll colors but that didnt have any effect inside my Iframe.. Ok try go to this site: http://www.sp34k.dk/Bluevis/index.htm - Now try look to the left, you can see a scrollbar there, but what I wish, is to make it smaller, change its colors, or just do anything to make it "fits" inside the design. I hope some of you guys could help me, I cross my fingers.. Kind regards Mike Bertelsen Denmark I'm using a thin iFrame in one of my websites and an anchor to decide where it starts. The anchor only controls the vertical component of the webpage. Is there a way to specificy a horizontal anchor in pixels or location? I figured this out. Three hours of searching before posting, then 30 minutes later it is resolved. Please help. I have a set of web pages with a horiz nav bar across the top that has buttons that load various pages in the iframe target area on the lower 3/4 of the screen. We want the entire screen scrollable with one scrollbar as one solution, OR the entire iframe area scrollable with a single scroll bar as another possible solution, does not matter which. What we do not want is for the user to have two manipulate two scroll bars (the iframe one and the outside one) in order to view the bottom of the iframe area. Thanks in advance, Ron E. ---------------------- Please help. I have a set of web pages with a horiz nav bar across the top that has buttons that load various pages in the iframe target area on the lower 3/4 of the screen. We want the entire screen scrollable with one scrollbar as one solution, OR the entire iframe area scrollable with a single scroll bar as another possible solution, does not matter which. What we do not want is for the user to have two manipulate two scroll bars (the iframe one and the outside one) in order to view the bottom of the iframe area. Thanks in advance, Ron E. 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? |
|||||||