Tôi đang tìm mẫu trang web dựa trên css nơi div nội dung chính có chiều cao đầy đủ của cổng xem (tiêu đề và chiều cao chân trang) khi nội dung của nó có vài dòng. Chân trang phải ở dưới cùng của cổng xem (thay vì ngay bên dưới nội dung và thay vì hiển thị ở giữa chế độ xem). Khu vực nội dung cần phải mở rộng theo chiều dọc để tuôn ra với đầu footer. Trường hợp # 1mẫu trang web nơi nội dung có chiều cao đầy đủ của chế độ xem nếu có 1 dòng trừ footer
Trong tất cả các trường hợp khác mà nội dung yêu cầu nhiều hơn khu vực chế độ xem, thì chân trang có thể nằm ở cuối trang web (thay vì dưới chế độ xem) làm thiết kế web chuẩn.
Một liên kết đến một liên kết cụ thể hoặc mã mẫu được đánh giá cao. Đừng đề cập đến một trang mẫu và yêu cầu tôi thực hiện tìm kiếm ở đó. Phải làm việc ít nhất trong IE 6 và FF. Nếu Javascript là cần thiết, nó là OK miễn là nếu trình duyệt không hỗ trợ JS, nó mặc định để đặt chân trang ở dưới cùng của khu vực nội dung mà không vi phạm bố trí.
Phác thảo đối với trường hợp # 1:
-------------- <-----
header area | |
-------------| |
small content| |
| viewport
| |
| |
-------------| |
footer area | |
-------------- <-----
all other cases:
-------------- <-----
header area | |
-------------| |
big content | |
| viewport
| |
| |
| |
| |
| <----
|
-------------|
footer area |
--------------