CSS - use a horizontal scrollbar only

Question

i need to use an horizontal scollbar only if the content of the div is longer than the width value.

so i write :

.viewgallerylist{width:920px; float:left; padding-top:20px; height:120px; border-bottom:1px #000000 solid; overflow-x: scroll;}

the problem is that the scrollbar are 2, 1 horizontal and 1 vertical. How to remove the vertical one? cheers

Blaise · Accepted Answer · 2010-09-18 16:23:08Z

11

.viewgallerylist {
    min-width: 920px;
    overflow: hidden;
    -ms-overflow-x: auto; /* IE8 */
    overflow-x: auto;
}

(min-width doesn't work in IE6, in case you still want to support that dinosaur)

answered Sep 18, 2010 at 16:23

Blaise

13.6k9 gold badges79 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alexander_F · Accepted Answer · 2010-09-18 16:19:45Z

4

overflow-x:scroll creates a horizontal scrollbar if the content exceeds the width of the container. overflow-y:scroll creates a vertical scrollbar if the contents exceeds the height of the container.

answered Sep 18, 2010 at 16:19

Alexander_F

2,8873 gold badges30 silver badges62 bronze badges

Comments

Yi Jiang · Accepted Answer · 2010-09-18 16:19:03Z

3

Try

.viewgallerylist {
  overflow-y: hidden;
}

answered Sep 18, 2010 at 16:19

Yi Jiang

50.2k16 gold badges139 silver badges137 bronze badges

Comments

casablanca · Accepted Answer · 2010-09-18 16:19:12Z

2

Use overflow-y: hidden.

answered Sep 18, 2010 at 16:19

casablanca

70.9k8 gold badges139 silver badges155 bronze badges

Collectives™ on Stack Overflow

CSS - use a horizontal scrollbar only

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related