css - Media Queries content adaptation -


i cannot handle correctly #main-wrapper behaviour @media screen , (min-width: 1400px)

what trying #main-wrapper has 100% width resolution <1400px , >1400 width set 1336px

now #menu-section overflows #content-section

live example: http://solutionsmvo.nazwa.pl/nell-ogrody/o-nas/

code:

#main-wrapper {      width: 100%;      overflow:hidden;  }    #menu-section {      width: 25%;      float: left;      height:100vh;      position: fixed;  }    #content-section {      width: 75%;      float:right;      min-height: 100vh;  }    @media screen , (min-width: 1400px) {      #main-wrapper {width: 1336px; margin: 0 auto;}  }
<div id="main-wrapper">      <div id="menu-section">      </div>          <div id="content-section">      </div>  </div>

because #menu-section in <1400px has position: fixed; property, it's okay in case, when width > 1400px, problem occur. remove position: fixed; , test it.


Comments

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -