0

次のcssおよびhtmlコードがあります。垂直メニュー項目のリスト。

<table border="0" cellspacing="0" cellpadding="0" align="center">
        <tbody>
        <tr>
            <td valign="" width="15%" nowrap="">   
            <div id="LeftOne">
            <ul id="LeftTwo">
              <li>
             </li>
            </ul>       
           </div>
           </td>
           <td valign="top" width="70%" >    
           </td>
           <td valign="" width="15%" nowrap="">  </td>
       </tr>
    </tbody>
   </table>


ul#LeftTwo {
    display: block;
    clear: both;
    margin: 35px 0px 12px 0px;
    border-bottom: 1px solid 
    #C8C8C8;
}

#LeftOne {
    display: block;
    width: 180px;
    min-height: 50px;
    float: left;
}

td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 
transparent;
}

私が使用vertical-align: top;したとき、リストは一番上に来ました。しかし、なぜそれが起こっているのかを知る必要がありますか? vertical-align:top !ie;つまり、ハッキングに使用する際に問題はありますか?

画像を見つけてください

4

1 に答える 1

0

valign topちょっと今、あなたは最初 tdにこのように定義することができます

    <table border="0" cellspacing="0" cellpadding="0" align="center">
        <tbody>
        <tr>
            <td valign="top" width="15%" nowrap="">   
            <div id="LeftOne">
            <ul id="LeftTwo">
              <li>
             </li>
            </ul>       
           </div>
           </td>
           <td valign="top" width="70%" >    
           </td>
           <td valign="" width="15%" nowrap="">  </td>
       </tr>
    </tbody>
   </table>
于 2012-07-02T11:42:11.047 に答える