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
Post a Comment