Android :: Floating Menu Buttons In HTML - Regular HTML - CSS Solution

I have heavily edited the original text and instead of the how question I am posting the code that produces the effect I wanted, namely a floating menu on top that stays fixed as I scroll whatever is in the middle with a lower menu at the bottom of the screen. Ain't life sweet - Might even work on the iPhone as well.

Why I posted was like I said in the original question. I'm fiddling with creating the initial lay out for a "mobile" application for the disabled, have tonnes of data, dictionary files, icons for the purpose etc. I want to have the app running as HTML to make it as portable as possible, i.e. make it runnable on Android, Iphone, Maemo... whatever.

I got some hints by looking at the example at http://www.quackit.com/css/codes/css_floating_menu.cfm as well as a lot of trial and error and finally minor edits by a paid freelancer.

Below you can find some crude (to put it mildly) HTML/CSS (cut the CSS part and load a style instead in the HTML's you create for cleaner code) but for now, let's look at the prototype concept.

CODE:...........

You can see the working example on your Android device or in your Android emulator http://globability.org/webapp/aaa.html

Need to get the sound working though - but nearly there :)Links to the different web based version and thoughts behind application can be found on:

The project this application springs from can be found on [url] - Look under prototypes (it is the top one under the heading protypes).