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