CSS Overflow scroll problems

HTML & CSS
1

I am trying to have a section of the webite have a scroll bar when there is more content than the normal content area allows for but I have been struggling with it. I have tried to do overflow:scroll but I just end up with bars that are greyed out and useless even though there is more content to be shown.

Would appreciate some assistance.

You will be able to see where content should overflow when you hit the PROFILE TAB

http://phatbrush.com/play/play2

I appreciate the help as always :eye:

2

On top of “overfflow” you’d need to style the element with a dimension.

So try this:


.tabcontent {
    overflow-y:scroll;
    height:228px;
}
3

overflow:scroll gives scrollbars even if they are not needed.
To make an element get scrollbars when it exceeds dimensions you need two things.

A height set (obviously, it has to reach a limit) and the ability for it to get scrollbars


.tabcontent
{
  overflow:auto;/*If you only want vertical scrollbars (dunno why) then do overflow:y)*/
  height:9001px;/*ITS' OVER 9000*/
}

Obviously lower the height ;).