Tôi có bảng sau:Bảng chiều cao hàng trong Internet Explorer
<table>
<tr>
<td style="height: 7px; width: 7px"> A1 </td>
<td style="height: 7px"> B1 </td>
<td style="height: 7px; width: 7px"> C1 </td>
</tr>
<tr>
<td style="width: 7px"> A2 </td>
<td> B2 </td>
<td style="width: 7px"> C2 </td>
</tr>
<tr>
<td style="height: 7px; width: 7px"> A3 </td>
<td style="height: 7px"> B3 </td>
<td style="height: 7px; width: 7px"> C3 </td>
</tr>
</table>
Ý tưởng cơ bản là hàng đầu tiên phải cao 7 pixel. Các ô bên trái và bên phải (A1 và C1) phải rộng 7px và ô giữa (B1) phải co giãn theo chiều rộng của bảng. Điều tương tự cũng xảy ra đối với hàng dưới cùng (A3, B3, C3).
Hàng ở giữa, tuy nhiên, cần phải mở rộng theo chiều cao - nói cách khác, nó cần phải là (tableheight - 14px)
. Các ô bên trái và bên phải (A2, C2) cần rộng 7 pixel.
Một ví dụ:
7px x 7px
|------|-------------------------|------|
--- +------+-------------------------+------+
| | | | |
| 7px | | | |
| | | | |
--- +------+-------------------------+------+
| | | | |
| | | | |
| | | | |
| | | | |
| y | | | |
| | | | |
| | | | |
| | | | |
| | | | |
--- +------+-------------------------+------+
| | | | |
| 7px | | | |
| | | | |
--- +------+-------------------------+------+
TUY NHIÊN: Trong Internet Explorer, độ rộng hoạt động tốt (cột A và C là 7px, cột B quy mô tự động) - nhưng chiều cao thì không. Hàng 1, 2 và 3 lần lượt là chính xác 33% chiều cao của bảng, bất kể tôi làm gì. Thật không may tôi phải sử dụng bảng này, vì vậy thay thế nó bằng một bộ DIV không phải là một lựa chọn.
Tôi có DOCTYPE sau:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
tôi cần phải ghi nhớ điều này, như một số yếu tố khác trên trang dựa trên một số bố trí dựa trên CSS phức tạp.
Có ai có thể chỉ cho tôi đúng hướng để chuyển hình dạng này thành hình dạng cho IE không?
CHỈNH SỬA: Nên đề cập trước đó - bảng này được thay đổi kích cỡ khi đang chạy bằng javascript.
Tôi sợ rằng, vì Internet Exploder, tôi không có lựa chọn nào khác ngoài việc làm điều này và cập nhật chiều cao của GIF khi hộp được thay đổi kích thước. Chúc mừng cho con trỏ! :) –
Ergh ... Tôi nghĩ rằng việc sử dụng bố cục dựa trên CSS có nghĩa là cái chết của miếng đệm GIF bị chết. Đoán không hả? –