JQuery DocType CSS BUG مع IE 6 & 7 - وضع Quirks

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

  •  19-09-2019
  •  | 
  •  

سؤال

حسنا السلوك الغريب عندما يجب أن تعمل:

المشكلة هي إذا كنت لا أعرف Doctype يعمل CSS في IE 6 & 7 ولكن إذا أعلنت DocType أنه لا يعمل. لماذا؟؟؟

jQuery:

$('tr:first-child').children().css({
   'width': settings.minWidth + 'px',
   'height': settings.tableHeaderHeight + 'px',
   'overflow': 'hidden',
   'white-space': 'nowrap',
   'color': 'blue'
});

أتش تي أم أل ث / doctype - يرجى الاطلاع في Firefox و IE 6 & 7 لرؤية اختلاف رأس الجدول

أتش تي أم أل وو / doctype - يرجى الاطلاع في Firefox و IE 6 & 7 لرؤية اختلاف رأس الجدول

DocType أنا أعلى:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

لذلك بعد تعليق مفيد، وجدت أن وضع Quirks يستخدم عندما لا أضيف DocType، وهو تأثير CSS الذي أريده ولكن مع DocType، UGH !!!

أي عمل حولها؟ اقتراحات؟

حل، نعم !!!

jQuery.

// This adds a div tag around the table header text 
//  - IE white-space bug in standard mode
$('table.className tr th').wrapInner(
  "<div class='ie_correct_header_whitespace'></div>"
);

CSS.

.ie_correct_header_whitespace {
   white-space: nowrap;
}
هل كانت مفيدة؟

المحلول

بادئ ذي بدء، أنا أنصحك بجدية لجعلها تعمل في وضع المعايير. الاعتماد على وضع Quirks لجعل أي تخطيط "عمل فقط" ليس نهجا صحيا للغاية.

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

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