[Last Call] Learn how to a build a cloud-first strategyRegister Now


> Frame - want scroll bars vertical only <

Posted on 2006-04-20
Medium Priority
Last Modified: 2010-08-05

I have a frameset that has one frame within it set to scrolling="auto" but when I put a table in it that is vertically taller than the page/frame both the vertical and horizontal scroll bars appear (the table is thin). I was after a way to only have the vertical scroll bar show if required rather than both as it would make the page much cleaner looking. I am sure I have seen before and not sure if this is the way "auto" should work??


Question by:cmuir

Accepted Solution

KennyTM earned 200 total points
ID: 16499451

According to http://www.htmlhelp.com/faq/html/frames.html#frame-1scrollbar there's no standard solution.
HOWEVER, I found that when you apply the following NON-STANDARD css code to the concerning document (i.e., the frame with tables)

html, body {
    overflow-x: hidden;

the horizontal scrollbar will disappear, no matter how wide the content is. Note that this is only supported (AFAIK) IE and Firefox 1.1 and above (inc. the equivalent Mozilla/SeaMonkey versions), and fails on Opera. So you should consider carefully whether really to use it or not...

Author Comment

ID: 16500373
works for me!! IE will be the major portion of my visitors so safe on that one :o)

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

826 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question