0

IEのテーブルに問題があります。これは、Chromeでの外観です(想定どおり):

テーブルのChromeビュー

IEは次のように表示します。 テーブルのIEビュー

私のHTML:

<table border="0" cellpadding="1" cellspacing="15" class="content" align="center">
    <tbody>
        <tr>
            <td width="293">
                <a href="/hvad-laerer-jeg.aspx"><img src="/UserFiles/image/hvadkanjeg.png" width="293" height="170" alt="" /></a><br />
                <br />
                <h1 style="margin-left: 40px;">Headline</h1>
                <p style="margin-left: 40px;">Text
            </td>
            <td width="292" style="margin:0 23px 0 23px;">
                <a href="/faglig-og-personlig-udvikling.aspx"><img src="/UserFiles/image/hjerne.png" width="293" height="170" alt="" /></a>
                <h1 style="margin-left: 40px;"><br />Headline</h1>
                <p style="margin-left: 40px;">Text
            </td>
            <td width="292">
                <a href="/ansoegning.aspx"><img src="/UserFiles/image/send.png" width="293" height="170" alt="" /></a>
                <h1 style="margin-left: 40px;"><br />Headline</h1>
                <p style="margin-left: 40px;">Text
            </td>
        </tr>
    </tbody>
</table>

私が適用したインラインではない唯一のCSSは次のとおりです。

table.content tr td { background:#ededed; margin-right:10px; }
    table.content tr td h1 { font-size:19px !important; }

私が望んでいることと私が試したこと: IEは、Chromeがマージンと配置で行うようにテーブルデータを表示します。「IFIE」を使用してパディングを追加しようとしましたが、役に立ちませんでした。私も応募Border-collapse:separateしてみborder-spacingましたが、うまくいきませんでした。

任意の提案をいただければ幸いです!

4

0 に答える 0