Scroll Bars Showing Up When Browser Maximized: CSS -
the scroll bars shown after maximize browser window (i thought there should no reason to).
there no height issue here, , vertical scrollbars should not come right?
can shed light?
<style> html, body, div { margin: 0; border: 0 none; padding: 0; } html, body,form, #wrapper, #left, #right { height: 100%; min-height: 100%; } #wrapper { margin: 10px; overflow: hidden; width: 960px; } #left { background: yellow; float: left; width: 360px; } #right { background: grey; margin-left: 360px; } </style> <div id="wrapper"> <div id="left"> left </div> <div id="right"></div> </div>
you have #wrapper
10px margin
, height 100%
. automatically give problems. remove 10px margin , apply inner contents of wrapper.
html, body, div { margin: 0; border: 0 none; padding: 0; } html, body,form, #wrapper, #left, #right { height: 100%; min-height: 100%; } #wrapper { overflow: hidden; width: 960px; } #left { margin: 10px; background: yellow; float: left; width: 360px; } #right { margin: 10px 10px 10px 360px; background: grey; }
Comments
Post a Comment