Div overflow scrollbar on top of the content?

Question

I have a div with the content set for overflow: auto and height: 300px. There's a table within that div so, when the table has more content than the div is high, the content scrolls.

The problem I'm having is that the scrollbar is sitting on top of my image that I've got on the right of the table.

Is there a way to push the scrollbar beyond the content?

The div needed some padding on the right... simple, I know.

dcolumbus
– dcolumbus

2010-08-13 16:19:41 +00:00
Commented Aug 13, 2010 at 16:19 — dcolumbus
– dcolumbus, Commented Aug 13, 2010 at 16:19

famousgarkin · Accepted Answer · 2012-06-01 21:12:12Z

4

If I'm getting your problem right, I'd apply a padding-right to the surrounding div container to get the table away from the edge where the scrollbar will be shown.

edited Jun 1, 2012 at 21:12

famousgarkin

14.2k5 gold badges60 silver badges74 bronze badges

answered Aug 13, 2010 at 10:10

benzimmer

2982 silver badges5 bronze badges

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

1 Comment

dcolumbus Over a year ago

I was soooo tired yesterday that I couldn't even see the code. It was frustrating me so much that I couldn't wrap my head around the simple solution. This is it... of course. Thank you, zero.

Collectives™ on Stack Overflow

Div overflow scrollbar on top of the content?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related