I used the following code to place a div at the bottom:
<div style = "position:fixed; bottom:2px; left:2px;">
and also this:
<div style="position:absolute;bottom:10px;">
this does put it on the bottom, but there is a problem if the text above it is too long. If the text is long, it goes beyond the webview so you would have the scroll down to see the rest. But the div I want to place at the bottom isn’t completely at the bottom; it stays at the bottom if I weren’t to scroll down, which means that it goes over the text.
Basically, I want the div to be at the bottom, but if the content is bigger than what the webview allows, the div positioned will appear OVER the content, and NOT at the absolute bottom.
Try that link (http://cubiq.org/iscroll)
OR
Try this from stackoverflow (http://stackoverflow.com/questions/4796097/fade-bottom-of-uiwebview-using-css)