No scrollbar on my website elements in Chrome/Opera browser

Question

I have a problem with my website. It's based on PHPBB3 Forum and I need solution for this problem: People can't see scrollbars in all components on my website. The scrollbar itself exists but it's invisible, like his opacity is somehow set to 0. For instance, there is no visible scrollbars on shoutbox in this screenshot, but you can still scroll by grabbing this white space and dragging it up and down (like having an invisible scrollbar xd):

On Firefox everything is fine, but on Chrome and Opera(Webkit and blink engine) is not.

I don't know what possibly can make this, so I'm searching for some solution.

Thanks in advance for any help.

Best regards, Areen.

Answer 1

On your body element's CSS, there is a webkit property;

-webkit-transform: rotate(-0.0000000001deg);

It is right here in your stylesheet on line 36:

http://www.generally.pl/style.php?id=4&lang=en

body {
    /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #828282;
    background-color: #FFFFFF;
    /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
    font-size: 10px;
    margin: 0;
    padding: 0;
    -webkit-transform: rotate(-0.0000000001deg);
}

Unchecking this property in Chrome's inspector (F12) makes your scrollbar show up. My guess is that the original designer wanted to hide the scrollbar, so a very slight offset made it disappear. just comment out or delete this section and you will be fine.

Sorry I gave a quick answer earlier without actually trying it. I have deleted that post. This answer WILL work for Chrome. It should also work for Opera, though I don't have Opera installed on any of my computers. According to this Sitepoint article from May of last year, Opera implemented webkit extensions (but it doesn't list webkit-transform specifically):

http://www.sitepoint.com/opera-css3-webkit-prefix/

Answer 2

Set the div's style property to overflow: scroll;