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.

http://jsfiddle.net/fmhcq/13/


Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -