次の問題が発生しました: HTML テーブルを作成しました。そのテーブルのいくつかの列で、私のCSSは次の構文で右の境界線を適用します:
.right-border {
border-right: 1px solid @tableBorderColor;
}
境界線は Chrome できれいに見えます。ただし、IE に切り替えると、境界線が 1px ではなく 2px のように見えます。これを修正する方法を知っている人はいますか?
次の問題が発生しました: HTML テーブルを作成しました。そのテーブルのいくつかの列で、私のCSSは次の構文で右の境界線を適用します:
.right-border {
border-right: 1px solid @tableBorderColor;
}
境界線は Chrome できれいに見えます。ただし、IE に切り替えると、境界線が 1px ではなく 2px のように見えます。これを修正する方法を知っている人はいますか?
私の質問に答えようとしたすべての人に申し訳ありません:
しかし、私が理解したように、ブラウザのズームを使用するのは愚かです。昨日、テスト目的でブラウザのズーム レベルを変更したようで、後で元に戻すのを忘れていました。それで、今日境界線の太さを確認したところ、ズーム レベルのために 2px のように見えました。同じページに 1px の境界線があり正常に見える div があるので、少し混乱して、IE に何か問題があるに違いないと思いました。
みんなごめんなさい!
コードをチェックするためのフィドルを提供できない場合は、DIV
内部に配置することをお勧めします. スタイルを与えるのは簡単です. また、ブラウザ間のエラー (FF と IE を含む) を回避します.
<table>
<tr>
<td><div>lorem ipsum</div></td>
<td><div>lorem ipsum</div></td>
<td><div>lorem ipsum</div></td>
</tr>
</table>
編集:今返信するのを見ました...少なくとも解決するのは簡単でした!!