hidden scroll bar + rounded panels.

[holyvulpes]

I'm stuck. (again)
emotion_facepalm
I want rounded panels but every time I place a hidden scroll bar,
the right side corners of the panel aren't rounded.

How do I fix this problem?

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧
It's due to how you coded the scrollbar

See that margin in blue to the right of your panel? That's the right side of your panel, which is hidden due to the fact that your #column overflow is hidden, but that would be where your rounded corners are (the dotted lines show the dimensions of your panel). You might want to look at this guide for how to add hidden scrollbars the "proper" way.

▧▧▧▧▧▧▧

[holyvulpes]

Lady Saxophone

But I did use that guide.
Twice.
And it still looks like it does.
gonk

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧

averykae

But I did use that guide.
Twice.
And it still looks like it does.
gonk

. w . ;; You don't have the "content" selectors for the customs in your code, so I wasn't sure... I thought that worked, but honestly I haven't done hidden scrollbars in a while so I forget.

Alternatively, you could always just add a background and border radius to your column(s) instead and remove the background for your panels?

▧▧▧▧▧▧▧

[Knight Yoshi]

I'll also add that adding a scroll removes the border radius for that side.

[Fredy-san]

Knight Yoshi

I'll also add that adding a scroll removes the border radius for that side.

Let me rephrase that, scrollbar does not remove the border radius. It is just not enough space between the radius and the scrollbar that the border-radius rendered below the scrollbar.

You can add this 'space' using transparent border width

Example effect

Firefox limits the radius size up to how big the space you added, Chrome bypassed it.

Live example: open up my profile panel tabs, then go get the "Comments" panel. It has the border-radius and scrollbar.

This is a trick I learned from Facebook site styles.

[holyvulpes]

Fredy-san

So how would I create a css code for that?