Make DIV fill remainder of page vertically?
- by mazin k.
I have a Google Maps app that takes up most of the page. However, I need to reserve the top-most strip of space for a menu bar. How can make the map div automatically fill its vertical space? height: 100% does not work because the top bar will then push the map past the bottom of the page.
+--------------------------------+
| top bar (x% tall) |
|================================|
| ^ |
| | |
| div |
| (100%-x% tall) |
| | |
| v |
+--------------------------------+