IE9 decreases sidebar width with auto scroll

Asked

Viewed 265 times

0

I am facing a layout problem with IE9.

On a certain page that I am developing, there is a side menu bar with CSS property overflow-y: auto for a scrollbar to appear if the content in the menu does not fit in the part set for it. The behavior occurs correctly in all browsers. The scroll bar appears above the menu bar in the right corner. It turns out that in browser IE9, when the scroll bar appears, the width of the menu bar decreases considerably, causing a line break in some menu elements.

Does anyone have any idea how to solve this problem?

  • Have you tried overflow-y: scroll;?

  • Felipe, with the overflow-y: scroll the scroll bar remains always visible. It solves the width problem, but causes design problems. I’d prefer a solution that didn’t involve that.

  • Without looking at the page or the code it is difficult to emulate tests.

  • Matheus, if you make a fiddle with your case, we can help better.

  • Did you find a solution? Poste as an answer to help other people.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.