HTML - How To Remove Up And Down Scroll Bar...
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 Similar TutorialsDoes 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. 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... 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) 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 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.. 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 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 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 Ok I have a dive that scrolls and when i scroll it, it goes behind another div, which is what i want , but the problem is i don't want it to apear on the other side of the div but i still want to see the background. so i was wondering if there is a way i can make the scrolling div go behind another div that is invisible or something and make the scrolling div go invisible at this section so you can still see the rest of the scrolling div, but not the part behind the invisble div. if someone knows how to do this or a more simple way, that does not involve changing the size of the scrolling div as i want the scrollbar to be the height of the page. I have looked through thousands of templates and this is the only one I like. The only problem is I hate the orange thing in the middle keeps moving up and down as I scroll the page. Can somebody download a copy and tell me how to make the orange thing in the middle static so it never scrolls, thanks. http://www.free-css.com/free-css-tem....php#bookmarks 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 Please help: I don't know how to remove the gap above the '50 Self-Help Classics' image to the left of the other two images on http://www.butler-bowdon.com/index.html Also need a uniform space between the book image and 'Also available on audio' like the other two. Thanks anyone! 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. Hiya, just wondering if anyone can help me fix the scrolling on my uni project. Here is the link http://clairelaity.site90.com/techniques2.html , many thanks! [removed] Can someone please let me know what is wrong? I know I can make every page load separately but I will lose the jFlow slide script. I really appreciate any advice I can get. This has been troubling me for a long time. Hi guys, The first page of my website is very short and so there is no scroll bar at the right. The next page is longer and there is a scroll bar. This leads to the body of my site shifting slightly to the left/right between pages where there is/isn't a scroll bar. (example: www.runyourownrestaurant.com) To fix this, I want to put a scroll bar on the right on pages even where it doesn't need one. Kind of a scroll bar that doesn't scroll. I have seen this before, but I'm not sure how to make it. Can anyone help please? Thank you! I have a table with three cells in it, one cell at the top and one cell at the bottom with an image in i.e borders. I then put text in the middle cell, enough that it forces the cell to be greater than the height of my screen and then pushes the bottom cell off the bottom of the screen. How do i make the middle cell (with the text in) a fixed size and create a scroll bar for the text that is off the screen thus keeping the bottom border nice and tidy at the bottom of my screen? HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="820" border="0" cellpadding="0" cellspacing="0" height="100"> <!--DWLayoutTable--> <tr> <td width="953" height="45" valign="top"><img src="site/images/slice_03.jpg" width="953" height="45"></td> </tr> <tr> <td height="353" valign="top"> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> </td> </tr> <tr> <td height="44" valign="top"><img src="site/images/slice_20.jpg" width="953" height="43"></td> </tr> </table> </body> </html> Hi guys, I know scroll-bars are automatic when your page gets longer than the screen. I have recently developed a new webpage, and on some pages your required to scroll down, on others you aren't. How do I leave the right hand scroll bar there even if its not required (greyed out) This way my site doesn't seem out of line as they navigate through it. http://www.w3schools.com/Css/pr_pos_overflow.asp |