html - Page won't scroll in any browser--am I using outdated CSS? -
it's been 5 years since got hands-deep css coding, may using outdated codes; however, seems work fine scroll bar. although can add scroll bars div element create, won't allow page scroll. i've tried adding overflow: auto; , overflow: scroll; options body tag nothing works. i've included coding i'm using well, i've double , triple checked haven't included set of scroll tags. can see problem is? i'm afraid css might out of date, everywhere says use overflow tags. thanks!
also, content element set longer page can see if scroll bar works, adding overflow: scroll; body tag makes scrollbar appear not function.
coding:
<style> body{background: #000000; font-family: tahoma;} #content{position: fixed; top: 155px; left: 347px; overflow: auto;} .content{height: 800px; width: 506px; color: #ffffff; overflow: auto;} #navigation{position: fixed; top: 155px; left: 153px;} .navigation{height: 643px; width: 184px; background: #000000;} a:link{display: block; background: #a70000; font-family: tahoma; font-size: 14pt; text-decoration: none; color: #ffffff; border-left: 3px #d50000 solid; width: 180px; height: 25px; text-align: left; margin-bottom: 4px; text-indent: 6pt;} a:hover{display: block; background: #a70000; font-family: tahoma; font-size: 14pt; text-decoration: underline; color: #ffffff; border-left: 3px #d50000 solid; width: 180px; height: 25px; text-align: left; margin-bottom: 4px; text-indent: 6pt;} </style>
the issue appears position: fixed;
position: relative allow content scroll.
Comments
Post a Comment