CODEWITHSUNDEEP
htmlcss
user2257991
user2257991

Reputation: 271

Browser incompatible issue with scrollbar

Can anybody help me with making this link compatible. there is a small gap under the scrollbar in Chrome, and IE.

jsfiddle

I try to play with:

height:--px

within the scrlDiv but it change the whole table

Upvotes: 0

Views: 74

Answers (2)

Brian Stephens
Brian Stephens

Reputation: 5261

I'm not sure why you are doing the scrolling separate from the main div - you will have to coordinate them manually.

Anyway, it seems that the problem is the "overflow: scroll" on the "wrap" div. It should be:

overflow-y: scroll

I'm also not sure why you have inline styles on elements that have classes and IDs - easy to define them in a separate CSS.

Upvotes: 1

LRA
LRA

Reputation: 1077

To fix what you have you can use overflow-y: scroll for the second div:

<div id="scrlDiv" style="padding:0px;height:112px;width:21px;overflow-y:scroll">

But I suggest to use only one div with scroll:

<div ID=DetDiv class="wrap" style="background-color:yellow;height:112px;width:200px;overflow-x:hidden" >

Upvotes: 1

Related Questions