CSS div element – how to show horizontal scroll bars only?

by

You shouldn’t get both horizontal and vertical scrollbars unless you make the content large enough to require them.

However you typically do in IE due to a bug. Check in other browsers (Firefox etc.) to find out whether it is in fact only IE that is doing it.

IE6-7 (amongst other browsers) supports the proposed CSS3 extension to set scrollbars independently, which you could use to suppress the vertical scrollbar:

overflow: auto;
overflow-y: hidden;

You may also need to add for IE8:

-ms-overflow-y: hidden;

as Microsoft are threatening to move all pre-CR-standard properties into their own ‘-ms’ box in IE8 Standards Mode. (This would have made sense if they’d always done it that way, but is rather an inconvenience for everyone now.)

On the other hand it’s entirely possible IE8 will have fixed the bug anyway.

More Related Contents:

  1. How would I achieve a shadow that won’t show through transparent text?
  2. Fill in text in HTML5
  3. CSS customized scroll bar in div
  4. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  5. Does height and width not apply to span?
  6. Is there a way to apply a CSS style on HTML5 datalist options?
  7. Show Child Div within Hidden Parent Div
  8. HTML 5 strange img always adds 3px margin at bottom [duplicate]
  9. Changing three.js background to transparent or other color
  10. Failed to decode downloaded font
  11. How can I ensure that text is inside rounded div?
  12. Internet Explorer z-index bug?
  13. Which HTML5 reset CSS do you use and why? [closed]
  14. How to customize the HTML5 input range type looks using CSS?
  15. Div height 100% and expands to fit content [duplicate]
  16. For div to extend full height
  17. Add a text suffix to
  18. html5 vertical spacing issue with
  19. How to position a div in the middle of the screen when the page is bigger than the screen
  20. Nested rows with bootstrap grid system?
  21. How to write a caption under an image?
  22. How do I line up 3 divs on the same row?
  23. How to set height property for SPAN
  24. CSS: How to align vertically a “label” and “input” inside a “div”?
  25. Div side by side without float
  26. Full background image with fade effect
  27. Can I replace the expand icon (▶) of the element?
  28. CSS Floating Divs with different height are aligned with space between them
  29. Trouble (vertically) Centering Text in another DIV with relative % sizing
  30. Horizontal scroll in DIV with many small DIV’s inside (no text)

Leave a Comment