2012-01-09 20 views
2

私はかなりの間このサイトで作業していました。 the blue bars around the td are created by the HTML analyzer and help show the problemIE8テーブルが正しくサイズ設定されていません​​

お知らせ上の青いバー:しかし、私はIE8のホームページに問題があることを気づいたIE8で

(他のブラウザは、私が使用した、この問題を持っていません)、サイトには、次のようになります右端の列の辺は、<td>の幅を示します。その中のコンテンツは160pxである必要がありますが、<td>自体はそれよりも広いです。あなたが左にHTMLアナライザで見ることができるように、幅が「160」に設定されている、しかし、ページ内のHTMLは言う:

絶望のうち
<td style="width: 160px;max-width:160px"width="160px"align="center"valign="top"> 

私は明らかにいくつかのことを試してみました。 IEはなぜ私を憎むのですか?他のブラウザと同じようにIEをうまく動かすためにどのようなコードを書くことができますか?

ソースを掘り起こす場合は、実際のサイトのURLはhttp://EpicClanWars.comです。

答えて

7

table-layout: fixed<table>のスタイルに追加します。それがなければ、テーブルセルにwidthを適用すると、min-widthと解釈されます(min-widthが存在しないときの持ち越し)

+0

また、あなたが望む幅の要素があるので、 'box-sizing:border-box 'パディングとボーダーのために幅が広がります。 –

関連する問題