Why is the overflow not working here?

Question

This is my css; I need this to have s scroll or auto overflow for all its content. I can't understand why it is not showing up.

.holder{
    display: table;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 2.5%;
    width: 90%;
    height: 95%;
    background-image:url("images\\tile2.png");
    background-repeat:repeat;
    overflow: scroll;
}

please add relating HTML markup to your question.

adamb
– adamb

2013-03-08 16:45:05 +00:00
Commented Mar 8, 2013 at 16:45 — adamb
– adamb, Commented Mar 8, 2013 at 16:45

JSuar · Accepted Answer · 2013-03-08 16:48:51Z

1

Remove display: table; and you will see the scrollbar.

Live Example: http://jsbin.com/aloler/1/edit

Here's your code with display: table; removed: http://jsbin.com/aloler/2/

answered Mar 8, 2013 at 16:48

JSuar

21.1k4 gold badges43 silver badges86 bronze badges

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

3 Comments

Vlad Otrocol Over a year ago

This worked thanks! Does the overflow never work in the table display or is it a combination of bad decisions that led to this?

JSuar Over a year ago

@VladOtrocol, not sure. display: table; treats the element as a <table>. Searching around it looks like getting scrollbars to work with tables requires some workarounds. I couldn't find an exact reason why these two are not compatible.

JSuar Over a year ago

@VladOtrocol, there's some good info. here (including workarounds) about tables and overflow here: stackoverflow.com/a/4457290/1085891

Collectives™ on Stack Overflow

Why is the overflow not working here?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related