You will need to use Chrome for this web app to see map. I added a fixed header of 44px to the top of my google map which is set to 100% x 100% to take up the full screen. Now the map is vertically scrolling what looks to be 44px too much in height at the bottom. I need the map to be 100% x 100% of the remaining screen area with no scroll. What am I doing wrong?
Here is my test page:
The problem was not the map div tag but the header div, i had a br that was breaking an extra line space.