مشكلة CSS غريب جدا على Internet Explorer. ليس لدي أي فكرة ما هو الخطأ! [مغلق

Question

لقد قمت فقط باختبار موقع ويب قمت بإعداده في Internet Explorer. يعمل بشكل جيد في فايرفوكس بالطبع. لدي مجموعة من أوراق النمط التي لها صورة خلفية I، يمكن للمستخدم تحديد أوراق النمط المختلفة كما هي من فضلك. تجعل أوراق النمط نفسها بالضبط بعيدا عن الألوان والخلفيات، بالطبع يتجه الإصدار المستند إلى النص بشكل مختلف. على أي حال، لدي مبدل حجم الخط، لذلك يمكن للمستخدمين اختيار حجم الخط أفضل لهم. لدي 4 إعدادات تتراوح من الصغيرة والمعايير والكبيرة والإكسسلارج عندما أقوم بتحميل أحجام الخطوط الكبيرة و Xlarge صورة BG تصل إلى نهاية DIM الخاص بي وهو أمر جيد. ومع ذلك، عندما أستخدم أحجام الخطوط الصغيرة والمعايير، تغطي صورة BG فقط حوالي 5٪ من ما يجب عليه. ربما تكون الصور أدناه تساعدك على فهم مشكلتي.

هتاف chl.

ملاحظة: يحتوي FONTSIZE CSS فقط على أحجام الخطوط فقط للفئات ومعرفات عدم التصميم الخلفية.

مشكلة:http://www.webquark.co.uk/project/problem.bmp.

العمل على حجم الخط الأكبر:http://www.webquark.co.uk/project/working.bmp.

ما يبدو في عمل فايرفوكس:http://www.webquark.co.uk/project/firefox.bmp.

هيريس بلدي CSS الذي يحدد BG:

.content{
background-image: url(springBG.jpg);/**Change for season**/
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat; 
font-family: Calibri, Ariel, sans-serif;
}

Answer 1

مرحبا لقد وجدت المشكلة التي كنت بحاجة لتعيين ارتفاع DIV. بالنسبة لأولئك الذين ذكروا أن هذا أضافت نقطة إلى ممثلك وشكرا للحصول على المشورة: D

شل

CSS:

  height:100%;

Answer 2

في إعلان CSS الخاص بك، تستخدم اسم الخط "ariel". هذا واحد ربما غير موجود. أريال، وهذا هو. ارييل هو نوع من المنظفات.

في الواقع، سيكون إعلان تسلسل غير سيريف الصحيح:

font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;

Answer 3

"مشكلة CSS على Internet Explorer. ليس لدي أي فكرة عما الخطأ!"

يسمع هذا كثيرا كل يوم في مكتبي.

اقتراحي الوحيد هو محاولة تعيين ارتفاع عنصر الخلفية.

Answer 4

التحدث عن مشاكل CSS، يفيض المحتوى تحت المربع المعدل في مشاركتك.

Answer 5

حاول مسح عواماتك بعد تداخل الدف الأبيض الخلفية (التي تحتوي على كل الكلمات الموجودة فيها). أسهل طريقة هي إضافة:

<div class="spacer"></div>

مباشرة بعد وضع علامة نهاية الدف الأبيض. إذا كان هذا لا يعمل، فاحره إضافته إلى السطر قبل وضع علامة النهاية للحمل الأبيض. CSS for spacer:

.spacer
{
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

Answer 6

يمكنك نشر HTML الذي تم إنشاؤه؟

أعتقد أن IE لا يرى أي محتوى في حاوية الخاص بك مع "محتوى" الفئة. قد يكون هذا لأن المحتوى الداخلي ليس لديه "haslayout" (شيء سحري)

كما اقترح TM، حاول ضبط الارتفاع إلى "1٪" والتي يجب أن تؤدي إلى haslayout، أو تعيين "التكبير: 1؛" التي تفعل أيضا الخدعة.

Answer 7

يمكنك المضي قدما واستخدام CSS الاختصار للخلفية مثل:

background: url(yourimage.jpg) no-repeat top center;

أيضا، لا يدعم IE6 مرفق الخلفية: ثابت بخلاف الجسم.

Answer 8

من الصعب أن تكون متأكدا دون رؤية بقية الرمز أو الموقع المباشر، ولكن هذا يبدو وكأنه مشكلة كلاسيكية تحتوي على تعويم. أبسط طريقة للتعامل مع هذا هو إضافة overflow: auto إلى المربع الذي يحتوي على عوامك (أنا أظن ذلك .content, ، هنا). يجب أن تمتد خلفية الشاشة إلى ارتفاعها الصحيح.

فشل ذلك، حاول إضافة فاصل "Clearfix" ذلك logan اقترح إلى نهاية الخاص بك .content ديف.