Tabla HTML th ancho de estilo de trabajo no

Question

Tengo una tabla de este modo:

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

Ahora los anchos de columna se establecen correctamente con los porcentajes del IE, pero no en Firefox. (Probablemente FF está haciendo algo correctamente)

¿Hay algo que pueda hacer para ajustar el ancho de las columnas a los porcentajes anteriores tanto en IE como en FF?

Answer 1

añadir

style = "width: 100%;"

a la mesa

Answer 2

trate de añadir un ancho de 100% a la mesa ..

Answer 3

I no puede replicar los porcentajes se establecen correctamente en IE, FF o Chrome. Para obtener los porcentajes establecidos correctamente, debe establecer un ancho para la tabla periférica. Si eso es un valor absoluto o relativo depende de usted. Pero recuerda no usar estilos en línea.

Answer 4

Has establecido los porcentajes en porcentajes, pero porcentajes de qué?

Intente configurar el ancho de la tabla en sí, ya sea usando style="width: x" o en el CSS con:

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