0

テーブルの行の下部にスペースを追加しようとしていますが、Chrome では問題なく動作します。しかし、IE 8.0 では間隔が表示されません。

使用された方法に代わるものはありますか？

CSS

tr.spaceUnder > td
{
padding-bottom: 7px;
}

HTML

    <table width="105%">

            <tr class="spaceUnder">
                         <td><p>Friday, June 8th<br>
                <a href="https://www.facebook.com/events/357722824277712/" target="_blank" onMouseOver="MM_swapImage('band','','images/awatson.jpg',1)" onMouseOut="MM_swapImgRestore()">Aaron Watson</a></p>
             </td>
             <td valign="bottom"><a href="http://www.ticketfly.com/event/122695/"><img src="http://www.bigtexassaloon.com/images/tix.png" border="0"></a>
                         </td>
                        </tr>

            <tr class="spaceUnder">
              <td>
                <p>Thursday,  June 14th<br>
                            <a href="https://www.facebook.com/events/180258595433140/" target="_blank" onMouseOver="MM_swapImage('band','','images/acoustic.jpg',1)" onMouseOut="MM_swapImgRestore()">Five Man Jam</a><br />
                                &nbsp;&nbsp;Joe Blake<br />&nbsp;&nbsp;Neil Austin Imber<br />&nbsp;&nbsp;Eric Middleton<br />&nbsp;&nbsp;Stephen Chadwick<br />&nbsp;&nbsp;Ryan Lee Evans</p>
                           </td>
            </tr>   
</table>
4

2 に答える 2

1

html で doctype を宣言しましたか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
于 2012-06-07T03:22:40.803 に答える
0

>宣言から文字を削除しtr.spaceUnder > tdます。セル内に内部テーブルがある場合にのみ必要です (その場合でも、他の方法で効果を制限する方がよいでしょう)。

Quirks Modeでは、IE は>演算子を使用する CSS3 セレクターを認識しません。古いブラウザの中には、どのモードでも認識しないものがあります。単純な代替手段が存在する場合は、それらの使用を避けてください。

ページに doctype 宣言がないか、IE を Quirks モードにする宣言が含まれている可能性があります (例: URL のない HTML 4.01 Transitional doctype)。

このページには別のブラウザー互換性の問題もありますが、質問で開示されていない CSS コードを扱っている可能性があります。p要素の唯一のコンテンツとして要素がある場合、一部のブラウザーは、少なくとも Quirks モードではtd、要素の通常のデフォルトの上下マージンを抑制します。p「標準モード」の最新のブラウザーは通常、これを行いません。つまり、段落の上下にかなりの垂直方向のスペースがあります。

pこれは、CSS で明示的にマージンを設定することで処理できます。しかし、<td><p>...</p></td>通常のようなマークアップは有用な目的を果たさず、pマークアップは省略して問題を回避するのが最善です。

于 2012-06-07T04:34:08.190 に答える