単語内の文字は、IE7ではなくIE7で正しく表示されます。

Question

私は自分のプロジェクトに初心者です。ここでは、Javascript、CSS、HTMLを使用してWebページを表示します。私はこれら全てに精通していません。 IE8では、単語の文字は垂直に表示されますが、IE7では同じコードが機能します。

は
C
H

N
N
E
L

P
R
E
Fとして "チャンネル優先" として表示されてはなりません
r
電子
N
C以下のように::

.SubjectAreaChoiceAnchor, .SubjectAreaChoiceAnchor:link, .SubjectAreaChoiceAnchor:visited 
{ 
    font: normal 11px Tahoma; 
    color: #000000; 
    padding: 2px 2px 2px 29px; 
    display: block; 
    cursor: default; 
    white-space: nowrap; 
    text-decoration: none; 
} 

.SubjectAreaChoiceAnchor:hover 
{ 
    color: black; 
    background-color: #D1DDE7; 
    padding: 1px 2px 1px 29px; 
    border-top: solid 1px white; 
    border-bottom: solid 1px white; 
    margin: 0px 0px 0px 0px; 
} 

HTMLは次のようになります::

< div class="dialogBody" style="max-height: 400px; overflow-y: auto;"> 
< div style="display: block;" id="idExtTagSelector"> 
< table cellspacing="0" cellpadding="0"> 
    < a onclick="WebExpressionSelector.onChoose('idExtTagSelector','channelPref','','true','Channel Preference'); return false;" href="javascript:void(null)" displayname="Channel Preference" usequotes="true" defaultvalue="" name="channelPref" eid="idExtTagSelector" class="SubjectAreaChoiceAnchor" id="idWebExprchannelPref">Channel Preference 
< /a> 
< /table>< /div>< /div> 

くださいhelp.Thanksを事前に

CSSパラメータがある
E。
Prathima

Answer 1

あなたのHTMLテーブルは正しくフォーマットされていません。次のようにテーブルを持っているための正しい方法は次のようになります。

あなたのケースでは

<table> 
<tr> 
<td>content</td> 
</tr> 
</table> 

、次のようにテーブルがあるべきお互いの隣にあなたはすべての値を取得するためにテーブルを使用する必要がある場合：

を

<table> 
<tr> 
<td>A</td> 
<td>B</td> 
<td>C</td> 
</tr> 
</table> 

また、実際に表形式のデータにのみ表を使用する必要があります。他のものはCSSを介してスタイルにする必要があります。

Answer 2

まず最初に、htmlを正確に、短期間で閉じるタグを入力しなければならず、テーブル構造には少なくとも<tr>と<td>が必要です。問題が解決しない場合は、解決策を見つけることができます。

<div class="dialogBody" style="max-height: 400px; overflow-y: auto;"> 
    <div style="display: block;" id="idExtTagSelector"> 
     <table cellspacing="0" cellpadding="0"> 
      <tr> 
       <td> 
        <a onclick="WebExpressionSelector.onChoose('idExtTagSelector','channelPref','','true','Channel Preference'); return false;" href="javascript:void(null)" displayname="Channel Preference" usequotes="true" defaultvalue="" name="channelPref" eid="idExtTagSelector" class="SubjectAreaChoiceAnchor" id="idWebExprchannelPref">Channel Preference 
        </a> 
       </td> 
      </tr> 
     </table> 
    </div> 
</div>