html - How do you make a div stay centered when using the static navigation -



html - How do you make a div stay centered when using the static navigation -

when ever restore window or test screen resolution on screenfly.

the content html5 player @ hides navigation.

here website http://djwckd.com/

css

#sidenav { background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg2_zps36505f8f.jpg'); width: 225px; position: fixed; /*--fix sidenav remain in 1 spot--*/ float: left; /*--keeps sidenav place when fixed positioning fails--*/ text-align:center; height: 100%; } #content { background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg1_zpsf32da4c1.jpg'); float: right; /*--keeps content right side--*/ width:85%; text-align: center; font-family:trebuchet ms; color: #000; height: 100%; } .bottom { background-image:url('http://i1285.photobucket.com/albums/a592/djwckd/wckd-bg3_zps849e973b.png'); font-family:trebuchet ms; width:400px; margin:0 auto 0 auto; padding:5px; border:1px solid #cccccc; font-size:12px; color: #777777; } .copy { background-color: #fff; color: #000; font-family:trebuchet ms; font-size:14px; height: 100%; }

adding min-width container of both sidebar , content fixes issue, add together scrollbars on browsers width less minimum width specified.

div.container { min-width:1024px; }

this prevents container ever going smaller 1024px.

html css

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -