2

何らかの理由で、CSSでデフォルトの高さを変更すると、テーブルの内側の境界線の1つが消えます。

HTML：

<table class="event">
  <tr>
    <td>Start Date</td>
    <td>2009-6-2</td>
  </tr>
  <tr>
    <td>End Date</td>
    <td>2009-6-8</td>
  </tr>
  <tr>
    <td>Location</td>
    <td>Vail</td>
  </tr>
</table>

CSS：

table.event
{
  border-collapse: collapse;
  border: 1px solid #000;
  width: 33%;
  height: 300px;
}

table.event td
{
  border: 1px solid #000;
  padding: 2px;
}

現在の様子は次のとおりです

http://img410.imageshack.us/img410/394/whatv.png http://img410.imageshack.us/img410/394/whatv.png

誰かが私がこの問題を解決する方法について何かアイデアがありますか？

4

3 に答える 3

6

コードを空白の html ページに直接配置すると、機能しますか? おそらく別のCSSで、それを引き起こしている外部に何かがあるのではないかと思っています(推測だけです)。

これを FF、Safari、Opera、Chrome、IE6-7、および 8 で開きましたが、複製できませんでした。

ボーダーコラプスの有無にかかわらず、同じ結果が得られます。

于 2009-06-05T18:04:50.457 に答える
1

問題を解決しました。ええ、私はばかのように感じます。これが起こった理由は、Firefox で少し「ズームアウト」したためです。スケーリングにより、内側の境界線の 1 つが取り除かれました。

助けてくれてありがとう、最終的に私がそれを理解することにつながったのはJason Heineのアイデアでした.

于 2009-06-05T18:30:15.487 に答える
0

そのコードは、Firefox と ie7 で問題なく動作します。javascript などで高さを変更していますか、それともエディタ内で変更していますか? ただし、境界の崩壊を取り除くことを試みることができます。

于 2009-06-05T18:02:05.813 に答える