I am trying to fix a problem in which whenever I load my webpage or on a new page on IE11 A sensitive side bar will slide as if it has been toggled or as if IE Explorer is reading the wrong width first.
# sidebar-wrapper {z-index: 1000; Status: fixed; Width: 0 pixels; Left: 230px / * 250px * /; Height: 100%; Left margin: -230px / * - 250px * /; Overflow-y: auto; Background: # 151619; Webkit-Infection: All 0.5S Easy; -Mozy-infected: all 0.5S easy; -O-Infection: All 0.5 S Easy; Transition: All 0.5s ease; } @ Media screen and (minimum-width: 768px) {#wrapper {padding-left: 250px / * 250px * /; } # Wrapper.toggled {padding-left: 0; } #sidebar-wrapper {width: 230px / * 250px * /; } # Wrapper.toggled # sidebar-wrapper {width: 0; } # Page-content-wrapper {padding: 20px; Margin: 0 auto; Width: 90%; } # Wrapper.toggled # page-content-wrapper {Status: Relative; Margin-right: 0; }} The above code is the overall CSS code for the sidebar wrapper and the code below which is the media query that the sidebar has to show. I believe IE 11 is reading the width of 0 in the main sidebar wrapper, before it is startled in the media, the media width is widening. I was thinking that anyone has the solution?
Comments
Post a Comment