1

<th>列のテキストを行の一番上に揃えようとしています。IEを除くすべてのブラウザでvertical-align: top;動作します（IE9のサポートが最も心配です）。

HTML

<tr class="three">
<th>
    Header</th>
<td class="divider">
&nbsp;</td>
<td class="first">
    <ul>
        <li><img src="images/icon.jpg" alt="A5 chip" width="81" height="91" /></li>
        <li>Text</li>
    </ul>
</td>
</tr>

CSS

img {vertical-align: top;}
.compare-table tr th {
    padding-top: 20px; 
    padding-left: 5px; 
    width: 165px; 
    line-height: 1.5em;
}

コードの他のどの要素が関連しているのかわかりません。ページはこちらからご覧いただけます。

この質問が自己完結型でない場合、または十分に説明されていない場合はお詫び申し上げます。

4

4 に答える 4

0

もっと説明できたので、この問題についてはよくわかりません。しかし、問題がIEでのCSSのレンダリングに関する限り、JSライブラリ--->excanvasについて熟考することをお勧めします。これは、IEでのCSSのレンダリングのほとんどに役立つだけでなく、IEでのCSS3要素とHTML5要素のレンダリングにも役立ちます。ヘルプが必要な場合に備えて、元に戻します。

于 2012-11-02T06:05:41.293 に答える
0

IE9では正常に動作します。私の推測では、IEブラウザがIE7標準と互換表示を使用してページをレンダリングするようになるため、Doctypeは少し混乱していると思います。

html5に変更してみてください：

<!DOCTYPE html>

またはhtml4トランジショナル：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

または、ページのヘッドタグに配置して、最新のIE標準ビューを使用してページをレンダリングするようにIEに指示します<meta http-equiv="X-UA-Compatible" content="IE=edge">。

しかし、その前に、Doctype宣言の前に2つの空の行を削除しようとする前に、Doctype宣言の前に何かがある場合、IEはquirksモードに切り替わる可能性があります。doctypeの前にコメントを付けると発生するという事実は、先頭の空白と同じ問題である可能性があることを私は知っています。

于 2012-11-02T07:43:49.890 に答える
0

tr&を忘れてくださいtd。見栄えを良くするには、常に を使用しますdiv。すべてのブラウザで動作します。

于 2012-11-02T08:57:16.730 に答える
0

リスト項目の順序が正しくありません。<li>tekst</li>の上に を配置し<li><img src="images/icon.jpg" alt="A5 chip" width="81" height="91" /></li>ます。

于 2012-11-02T07:35:44.620 に答える