2

IE8 ではスクロールがありません...どうすれば結果テーブルをスクロール可能にできますか?

<tr>
    <td><input type="radio" name="sso" value="<?php echo $exec->fields['hrOracleNumber']; ?>" onclick="selectSSO(this.value);"></td>
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['hrOracleNumber']; ?></font></td>
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['firstName']; ?></font></td>
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['lastName']; ?></font></td>
    <td><font color="336699" face="Helvetica" size="1px" ><?php echo $exec->fields['description']; ?></font></td>
</tr>

<?php 

    $exec->MoveNext();
} ?>
</table>
<?php } ?>
4

1 に答える 1

2

まず、垂直方向にスクロールするには、より多くの行が必要になります。

ただし、テーブルをスクロールするには、それを div タグでラップし、固定の高さを追加してその div に CSS スタイルを適用し、オーバーフローを auto に設定します。

html は次のようになります。

<div class="scroll-table">
<table>
<tr>
    <td><input type="radio" name="sso" value=""></td>
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td>
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td>
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td>
    <td><font color="336699" face="Helvetica" size="1px" >Test</font></td>
</tr>
</table>
</div>

CSS スタイルシートは次のようになります。

   .scroll-table{
       height: 50px;
       overflow: auto;
    }

IE 8 は、overflow-x または overflow-y をサポートしていないため、overflow auto では両方向にスクロールできるため、幅も指定することをお勧めします。

于 2012-11-21T23:19:25.167 に答える