IE8 bỏ qua chiều rộng td, hoạt động trên IE7

Question

Có một bảng tìm kiếm như thế này:

<table width="100%"> 
<tr id="header"> 
<td colspan="2"></td> 
</tr> 
<tr id="center"> 
<td id="left" style="width: 201px"></td> 
<td id="mainpage" style="width: 100%"></td> 
</tr> 
</table> 

Trong mọi trình duyệt (bao gồm cả IE7) ngoài IE8 là "trái" td là tốt. Trong IE8 nó vượt quá chiều rộng theo nội dung của trang chính.

Tôi muốn đăng một số ảnh chụp màn hình nhưng đây là bài đăng đầu tiên của tôi ở đây.

Bất kỳ ý tưởng nào?

Answer 1

Điều đó width: 100% trên cột thứ hai trông không đúng - nếu bạn đang cố gắng làm cho cột thứ hai mở rộng đến phần còn lại của không gian có sẵn, bạn không nên cần điều đó chút nào, để bạn có thể xóa nó. Ngoài ra, hãy thêm số này vào bảng của bạn:

table-layout: fixed; 

để đảm bảo rằng chiều rộng được tuân theo.

mã hoàn chỉnh:

<table style="width: 100%; table-layout: fixed;"> 
<colgroup> 
    <col style="width: 201px"> 
</colgroup> 
<tr id="header"> 
    <td colspan="2"></td> 
</tr> 
<tr id="center"> 
    <td id="left"></td> 
    <td id="mainpage"></td> 
</tr> 
</table> 

Answer 2

Bạn có chắc chắn nó phải được 100%

<table width="100%"> 

Bảng sẽ được lớn như yếu tố mẹ của nó. Có thể bạn nên đặt chiều rộng cố định cho bảng:

<table width="600"> 

Answer 3

Nếu bạn xác định chiều rộng cho bảng và lần đầu tiên bạn không cần phải xác định chiều rộng cho bảng.

Tôi đoán lần thứ hai nhận được 100% từ vùng chứa là bảng.

Answer 4

Vâng, vấn đề hơi cố định bằng cách thêm một bảng trống với một chiều rộng cố định bên trong mainpage.

Bằng cách đó, tôi thực sự thiết lập một chiều rộng tối thiểu cho bất kể thái độ bỏ qua của IE. Cảm ơn tất cả các câu trả lời.