☰

td幅が機能しない？質問する

tag-icon • tag-icon html css html-table width
td幅が機能しない？質問する

ここにこのコードがあります:

<table>
    <tr>
        <td width="200px" valign="top">
            <div class="left_menu">
                <div class="menu_item">
                    <a href="#">Home</a>
                </div>
            </div>
        </td>
        <td width="1000px" valign="top">Content</td>
    </tr>
</table>

CSSで

.left_menu {
    background: none repeat scroll 0 0 #333333;
    border-radius: 5px 5px 5px 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.menu_item {
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #FFFFCC;
    cursor: pointer;
    padding: 5px;
}

私のブラウザでは問題なく動作し、Mac と PC の両方ですべてのブラウザでテストしましたが、 の 200 の幅が常に変わると文句を言う人がいますtd。width何を言っているのか全く分かりません。 の幅が変わる理由を知っている人はいますかtd?

ベストアンサー1

そのはず：

<td width="200">

または

<td style="width: 200px">

セルに 200 px に収まらないコンテンツ ( など) が含まれている場合、CSSにテーブルsomelongwordwithoutanyspacesが含まれていない限り、セルは拡大されることに注意してください。table-layout: fixed

編集

widthKristina Childs さんが回答で指摘しているように、属性とインライン CSS ( 属性を使用) の使用はどちらも避けるべきですstyle。スタイルと構造を可能な限り分離することは良い習慣です。

おすすめ記事