web-dev-qa-db-ja.com

HTMLテーブルのスタイル幅が機能しない

私はそのようなテーブルを持っています:

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

これで、列幅はIEではパーセンテージに正しく設定されますが、Firefoxでは設定されません。 (おそらくFFは何かを正しくやっています)

IEとFFの両方で、列の幅を上記のパーセンテージに固定するためにできることはありますか?

9
Riain McAtamney

追加

style = "width:100%;"

テーブルに

4
Ahmed Khalaf

パーセンテージをパーセンテージに設定しましたが、何のパーセンテージですか?

style="width: x"を使用するか、CSSで次のように使用して、テーブル自体の幅を設定してみてください。

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

テーブルに100%の幅を追加してみてください。

0
keithics

IE、FF、Chromeで正しく設定されているパーセンテージを複製できません。パーセンテージを正しく設定するには、範囲外のテーブルに幅を設定する必要があります。それが絶対値か相対値かはあなた次第です。ただし、インラインスタイルは使用しないでください。

0
anothershrubery