HTML Tabela th szerokość styl nie działa

Question

Mam tabeli tak:

<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> 

Teraz szerokości kolumn są prawidłowo ustawione do procentów w IE, ale nie w Firefoksie. (Prawdopodobnie FF robi coś poprawnie)

Czy jest coś, co mogę zrobić, aby uzyskać szerokość kolumn, które zostaną ustalone na powyższe wartości procentowe zarówno w IE, jak i FF?

Answer 1

dodać

style = "width: 100%;"

do stołu

Answer 2

Spróbuj dodać 100% szerokości do stołu ..

Answer 3

nie może replikować dane procentowe są ustawione prawidłowo w IE, FF lub Chrome. Aby poprawnie ustawić wartości procentowe, musisz ustawić szerokość na odległej tablicy. To, czy jest to wartość absolutna, czy względna, zależy od Ciebie. Ale pamiętaj, aby nie używać stylów wbudowanych.

Answer 4

Ustawiłeś procenty jako procenty, ale procent zawartości?

Spróbuj ustawić szerokość samej tabeli, albo za pomocą style="width: x" lub w CSS z:

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