الجداول في IE لا تملك الحدود عند الحدود = 0 في إعادة تعيين CSS؟

StackOverflow https://stackoverflow.com/questions/1111069

سؤال

في ملف CSS الخاص بي، لدي إعادة تعيين حيث أقوم بإعداد الحدود: 0. هذا يسبب جميع الجداول في IE، وليس فايرفوكس لعدم وجود حدود. حتى لو قمت بتعيين الحدود مضمنة على الطاولة، فلا يزال لا يظهر في IE. هل يعرف أحد الحل لهذا؟

جزء من البقية:

table, img
{
   border:0;
}

<table border="1">
<tr>
<td></td>
</tr>
</table>

يحدد الحدود في فايرفوكس، ولكن ليس في IE. هل يجب علي القيام بأسلوب = "الحدود: 1PX الصلبة الأسود" في الجدول بدلا من الحدود = "1"

هل كانت مفيدة؟

المحلول

إذا كنت تريد أن يكون لدى طاولة محددة حدود، فسأعطيه فئة:

table, img
{
   border:0;
}
table.something
{
    border: solid 1px #000000;
}

<table class="something">
  <tr>
    <td></td>
  </tr>
</table>

يجب أن تعمل في جميع المتصفحات.

نصائح أخرى

إذا كنت تريد الحدود، فلا ينبغي أن تقوم بتعيين الحدود إلى 0. جرب هذا بدلا من ذلك:

table{
   border: 2px;
}

يجب أن تعمل بشكل أفضل.

تعديل:

إذا كنت تريد أن تفعل ذلك مضمن، يجب عليك القيام به

<table border="2px">

على افتراض أنه لا يوجد خطأ مطبعي في التعليمات البرمجية الخاصة بك (في السؤال)، هل حاولت إضافة وحدة القياس إلى الإعداد المضمن؟

<table border="1px">

علي سبيل المثال؟

سوى ذلك، حاول استخدام CSS لإعادة / تنشيط الحدود:

<table style="border: 1px solid #000;"> <!-- or use a stylesheet, or style block, obviously -->

هل فحصت أنك تستخدم معايير متوافقة إعلان DocType, ، وليس انشقاق في وضع Quirks؟

طرق متوافقة مع معايير الزوجين لتحديد الحدود في CSS هي:

عرض الحدود: 0؛ نمط الحدود: لا شيء؛

جميع عناصر الجدول وعناصر TD والعناصر هذه جميعها تقبل الحدود حتى طريقة آمنة لضمان عدم وجود حدود على الإطلاق ستكون الطاولة، TD، th {نمط الحدود: لا شيء؛}.

الجدول {طي الحدود: انهيار؛} طريقة CSS بحتة لإزالة التباعد بين الخلايا

تحقق من W3Schools.com أو W3.ORG لنصائح CSS متوافقة مع المعايير

الجدول المثال الخاص بك ليس لديه شيء فيه. أي يقرر أنه ليس لديه محتوى، وبالتالي لا يظهر سمة "الحدود =" 1 ".

إعادة تعيين مع

table {
  border:none;
}

ثم استخدام:

<table style="border:solid 1px #000;>
<tr><td>x</td></tr>
</table>

هل حاولت

table {border-collapse: collapse;}

تحرير: انتظر، فأنت تحاول التخلص من الحدود أو إضافتها؟ الآن أنا مرتبك ...

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top