Tôi có một trang HTML chia dọc thànhLàm nội dung HTML mở rộng để lấp đầy cửa sổ
- Tiêu đề
- Body
- Footer
Cơ thể lần lượt được chia theo chiều ngang vào
- Một DIV lớn ở bên trái được bao quanh bởi scro llbars, hiển thị một phần của một sơ đồ
- Một hình thức bên phải
Các header và footer được cố định chiều cao. Cơ thể sẽ mở rộng theo chiều dọc để lấp đầy phần cửa sổ không bị chiếm bởi đầu trang và chân trang.
Tương tự, biểu mẫu có chiều rộng cố định và ngăn cuộn sẽ mở rộng theo chiều ngang để lấp đầy chiều rộng cửa sổ.
Biểu đồ rất lớn (tối đa 10x10 màn hình) nên tôi không thể hiển thị tất cả. Thay vào đó, tôi muốn hiển thị càng nhiều càng tốt (sử dụng toàn bộ cửa sổ) để người dùng cần cuộn càng ít càng tốt.
Tôi cũng không thể sử dụng javascript, bởi vì một số người dùng nhất thiết phải hoang tưởng và phải vô hiệu hóa nó.
Một số tùy chọn Tôi đã xem xét:
- Một bảng với chiều rộng cửa sổ di động của cuộn và chiều cao thiết lập đến 100% và tất cả những người khác tới 1%
Không làm việc. Bảng (và do đó trang) mở rộng để chứa toàn bộ biểu đồ, ngay cả với vị trí tuyệt đối trên ngăn di chuyển DIV. - Định vị tuyệt đối để bù ngăn cửa sổ từ cuối trang theo chiều cao của chân trang
Hoạt động nhưng không chính xác: chiều cao của chân phụ thuộc vào kích thước phông chữ hiện tại và văn bản có được bao bọc hay không. Điều này có nghĩa là tôi phải để lại một biên độ lớn để đảm bảo họ không trùng lặp. - Đặt sơ đồ trong IFRAME
Giải pháp tốt nhất mà tôi đã tìm thấy với kịch bản bị vô hiệu hóa, nhưng hạn chế những gì tôi có thể làm gì trong kịch bản khi họ được kích hoạt.
Tôi nhận thấy rằng Google Maps sử dụng khu vực có kích thước cố định cho bản đồ khi tập lệnh bị tắt. Nếu Google đã từ bỏ vấn đề này thì điều đó có nghĩa là nó không khả thi?
Một phần của điều này hữu ích - Tôi không biết bạn có thể đặt chiều rộng và chiều cao theo kiểu của phần tử - Tôi đã gói mọi thứ trong DIV cấp cao nhất với vị trí tuyệt đối. Bây giờ tôi chỉ cần một cách để nói "cung cấp cho đầu trang/chân trang/hình thức không gian tối thiểu của họ và cung cấp cho tất cả phần còn lại vào ngăn cuộn". – finnw