css - Content height 100% producing vertical scrollbar -


i've found lot of questions asking similar this, none of solutions i've found have applied problem i'm facing.

basically, i've got menubar, , content, want content's background colour fill height of page. when apply height: 100%; though, scrollbar. i've read margin collapse, , might that, no matter how many margins rid of , replace mere position: absolute;, can't bottom of situation.

relevant bits of css here:

body, html { color: #000000; font-family: 'open sans', sans-serif; font-size:12pt; background:#f2f2f2; padding:0; margin:0; height:100%; width:100%; }  #menubar { position:absolute; top:0px; background:#fdbb30; height:80px; width:100%; font-weight:bold; }  #content { position:absolute; top:80px; width:92%; left:50px; background:#ffffff; height:100%; } 

you can use calc in css:

#content { height:calc(100% - 80px); } 

https://jsfiddle.net/ydyonjw9/1/


Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -