Граница ушла со стола? - PullRequest
Новая
       17

Граница ушла со стола?

2 голосов
/ 05 июня 2009

Почему-то одна из внутренних границ на моем столе исчезает всякий раз, когда я изменяю высоту по умолчанию с помощью CSS.

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

У кого-нибудь есть идеи, как мне решить эту проблему?

Ответы [ 3 ]

6 голосов
/ 05 июня 2009

Если вы возьмете свой код и поместите его прямо на пустую HTML-страницу, это сработает? Мне интересно, есть ли что-то внешнее, вызывающее это, видимо, в другом CSS (просто догадываюсь).

Я открыл это в FF, Safari, Opera, Chrome, IE6-7 и 8 и не смог воспроизвести его.

Даже с коллапсом и без него я получаю те же результаты.

1 голос
/ 05 июня 2009

только что решил проблему. Боже, я чувствую себя идиотом. Причина, по которой это происходило, заключалась в том, что я немного уменьшил масштаб в Firefox. Масштаб избавился от одной из внутренних границ.

Спасибо всем за помощь, это была идея Джейсона Хейна, которая в конечном итоге привела меня к ее разгадке.

0 голосов
/ 05 июня 2009

Этот код прекрасно работает для меня в Firefox и ie7. Вы меняете высоту с помощью JavaScript или чего-то еще, или просто в редакторе? Однако вы можете попытаться избавиться от коллапса границы.

...