I have an HTML page divided vertically into
The body in turn is divided horizontally into
The header and footer are fixed-height. The body should expand vertically to fill the portion of the window not occupied by the header and footer.
Similarly the form is fixed-width and the scroll pane should expand horizontally to fill the window width.
The diagram is very large (up to 10x10 screenfuls) so I cannot display all of it. Instead I want to display as much as possible (using the whole window) so that the user needs to scroll as little as possible.
I also cannot use javascript, because some users are necessarily paranoid and must disable it.
Some options I have considered:
I notice that Google Maps uses a fixed-size area for the map when scripts are disabled. If Google has given up on this problem does that mean it's not feasible?
Using the height: 100% CSS attribute should make it work.
See if Dave Woods 100% Height Layout Using CSS works for you.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With