html - Scrolling under div in Android browser -


i have set page when scrolling, content div scrolls under header nav menu, 48px high.

it's working fine browsers, 1 notable exception android stock browser, scrolling won't happen @ all.

my css:

#content{position:absolute; top:48px; left:0px; right:0px; bottom:0px; overflow-y:auto;}  nav { display: table; width: 100%; border-collapse: collapse; border: none; } nav ul { display: table-row; } nav li { display: table-cell; margin: 0; }  nav { height:48px; display: block; border: 0px solid red; text-align: center; margin: 0 1px; padding:10px; background: #444; text-decoration:none; color:#fff; } 

if leave out overflow-y, scrolling works again, whole page including header scrolls.

is right way go having header div stay static on page, , content scroll under it, , if so, there way android behave?

thanks time , help.

this might android issue... older versions of android require have 1 scrolling pane.


Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -