2010-06-17 29 views
7

DOM trông như thế này:colspan trong IE7/8 không được tôn trọng

<table> 
    <tr> 
    <td>a</td>...<td>g</td> 
    </tr> 
    <tr> 
    <td colspan="3"> 
     <table> 
     ... 
     </table> 
    </td> 
    </tr> 
    <tr> 
    <td></td>...<td></td> 
    </tr> 
</table> 

Bất cứ ý tưởng tại sao điều này sẽ không làm việc trong IE? Tôi đã thử đặt width:auto trên TD giữ bảng bên trong và table-layout:fixed không thể thực hiện được vì dữ liệu dạng bảng được tạo động.

Điều gì có thể xảy ra?

Hiện tại, bảng chỉ điền vào cột đầu tiên và cột đó sẽ không kéo dài.

Cập nhật: VÍ DỤ

http://stefankendall.com/files/example.html

+2

gì chính xác là đi sai? Chúng ta có thể có một ảnh chụp màn hình hoặc ví dụ? Bạn đã thử đặt đường viền trên các phần tử td để xem chúng ở đâu hoặc chúng có hiển thị không? – animuson

+0

hoạt động tốt cho tôi. – leonbloy

+0

Tôi đã cập nhật để mô tả hành vi thực tế. –

Trả lời

20

Sử dụng colSpan, không colspan

+3

Ai là địa ngục downvoted này? Đây là giải pháp đúng cho vấn đề của tôi. –

+1

Thuộc tính phải được nhập trong trường hợp thấp hơn. –

+2

@Ken Ray Chỉ vì một cái gì đó nên được thực hiện không có nghĩa là những người thực hiện đã làm nó theo cách đó. Loại điều này xảy ra mọi lúc trong IE. –

1

Điều duy nhất mà đến với tâm là bạn có thể phải điền vào các cột với một cái gì đó cho họ để có được kết xuất trong IE.

<td>&nbsp;</td> 
+0

Điều này không hoạt động. Ngay cả với các cột giả, điều này không hoạt động. –

+0

@Stefan lạ. Bạn có thể hiển thị một ví dụ đầy đủ không? –

+0

Tôi đã đăng một ví dụ đầy đủ. Tôi viết tất cả bằng tay, và nó là địa ngục. JS là một chút lộn xộn, nhưng đó là cốt lõi của vấn đề. –

Các vấn đề liên quan