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