ذهب الحدود من الجدول؟

Question

لسبب ما، يختفي أحد الحدود الداخلية على طاولتي كلما قمت بتغيير الارتفاع الافتراضي مع بعض CSS.

لغة البرمجة:

<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.

أي شخص لديه أي أفكار حول كيفية إصلاح هذه المشكلة؟

Answer 1

إذا كنت تأخذ الرمز الخاص بك ووضعها مباشرة في صفحة HTML فارغة، فهل تعمل؟ أتساءل عما إذا كان هناك شيء خارجي يسبب ذلك، تثبت في CSS مختلفة (مجرد التخمين).

لقد قمت بسحب هذا مفتوحا في FF، Safari، Opera، Chrome، IE6-7 و 8 ولا يمكن تكراره.

حتى مع / بدون حدود الحدود، أحصل على نفس النتائج.

Answer 2

فقط حل المشكلة. جيز، أشعر أنني أحمق. السبب في أن هذا كان يحدث لأنني "تم تكبير الخريطة" قليلا في فايرفوكس. تخلص التحجيم من واحدة من الحدود الداخلية.

بفضل الجميع للحصول على المساعدة، كانت فكرة جيسون هاين التي تؤدي إلي في النهاية إلى معرفة ذلك.

Answer 3

هذا الرمز يعمل بشكل جيد بالنسبة لي في فايرفوكس و IE7. هل تقوم بتغيير الارتفاع مع جافا سكريبت أو أي شيء آخر، أو فقط داخل المحرر؟ ومع ذلك، يمكنك محاولة التخلص من انهيار الحدود.