Tôi đã tìm thấy sự cố khi sử dụng nội dung được định vị hoàn toàn bên trong phần tử td
. Phần tử td
không được công nhận là phần tử định vị sao cho nội dung đang được định vị tương ứng với body
. Sự cố này chỉ có trong FireFox và bố cục được mong đợi hiển thị trong các trình duyệt khác - jsfiddle.Sự cố Firefox có hiển thị: tuyệt đối trong ô trong bảng
Làm một chút đào xung quanh dường như vấn đề liên quan đến FireFox sử dụng display:table-cell
làm loại hiển thị mặc định cho ô bảng. Tôi có thể giải quyết vấn đề bằng cách thay đổi hiển thị thành block
hoặc bằng cách thêm vùng chứa div
để hoạt động như một vùng chứa vị trí cho nội dung.
Có lý do nào để tránh thay đổi loại hiển thị của ô thành block
không? Tôi muốn sử dụng phương pháp này hơn là thêm các yếu tố bổ sung để sửa vấn đề trong một trình duyệt.
Đây không phải là vấn đề tương tự như được mô tả trong div style absolute in a table cell hoặc Why "display: table-cell" is broken when "position: absolute".
+1 tôi đã có cùng một vấn đề một vài ngày trước, tôi đã buộc phải thay đổi những gì tôi đã cố gắng để làm. –
@ric_bfa - Đó là một ít phiền toái hơn bất cứ điều gì khác bây giờ mà tôi biết những gì gây nên nó. Tôi nghĩ rằng thế giới đã kết thúc khi ngay cả IE7 cư xử như mong đợi và FireFox không. – detaylor
cùng ở đây, IE = công việc, của người khác sẽ làm tốt hơn cho chắc chắn, nhưng trong trường hợp đó, là một bất ngờ lớn. –