HTML Bảng thứ chiều rộng phong cách không làm việc

Question

Tôi có một bảng như sau:

<table id="MyTable" cellspacing="0" cellpadding="0"> 
    <thead> 
     <tr> 
      <th style="width: 30%;"> 
       <asp:Literal ID="LitDescriptionTitle" runat="server" /> 
      </th> 
      <th style="width: 30%;"> 
       <asp:Literal ID="LitDescription2Title" runat="server" /> 
      </th> 
      <th style="width: 30%;"> 
       <asp:Literal ID="LitAddressTitle" runat="server" /> 
      </th> 
      <th style="width: 10%;"> 
       &nbsp; 
      </th> 
     </tr> 
    </thead> 
<tbody> 

Bây giờ độ rộng cột được thiết lập một cách chính xác để tỷ lệ phần trăm trong IE, nhưng không phải trong firefox. (Có lẽ FF làm điều gì đó chính xác)

Có điều gì tôi có thể làm để có được độ rộng của các cột được cố định với tỷ lệ phần trăm trên trong cả IE và FF không?

Answer 1

thêm

style = "width: 100%;"

vào bảng

Answer 2

thử thêm một chiều rộng 100% để bàn ..

Answer 3

tôi không thể tái tạo tỷ lệ được thiết lập một cách chính xác trong IE, FF hay Chrome. Để có được tỷ lệ phần trăm được đặt chính xác, bạn phải đặt chiều rộng cho bảng bên ngoài. Cho dù đó là một giá trị tuyệt đối hoặc tương đối là tùy thuộc vào bạn. Nhưng hãy nhớ không sử dụng kiểu nội tuyến.

Answer 4

Bạn đã đặt tỷ lệ phần trăm là phần trăm, nhưng tỷ lệ phần trăm của cái gì?

Hãy thử thiết lập độ rộng của bảng riêng của mình, hoặc là sử dụng style="width: x" hoặc trong CSS với:

table#MyTable { 
    width: x; // x denotes overall size 
}