2009 7 نوفمبر 2009
مرة وتكرارا، وعند كل المتصفحات الأخرى ينظر إلى التصرف كما قال وفقا للقواعد W3C، اللوالب IE لكم من روح التنمية عن طريق رمي نوبة غضب، وهذا لا يبدو أن لديها الإصلاح. فقط هذا هو واحد هذه المسألة في IE7.
مشكلة البيان:
أنا و لذلك قد العديد من مطوري الويب الخطيرة الأخرى لاحظت أكثر من مرة في العديد من أنه عندما يكون هناك تداخل تعوم في التخطيط، على تحوم فوق بعض وصلات (مرساة به)، والحاويات التي تحتوي على ما يبدو لتحويل بكسل قليلة إلى اليمين . لقد حاولت أن حلول Google لهذه المسألة، ولكن قد وجدت بالكاد أي إجابة معقولة لماذا ومتى حدث ذلك (التي قد تساعد في منع هذه المشكلة من الحدوث)، وبالتالي لم يسبق لي أن التوصل إلى حل واضح لهذه المشكلة إما ...
ممكن الحل:
من خبرة، ولدي في المئة إشعار 90٪ من أي مرة، أن يتم إصلاح هذه المشكلة عن طريق إضافة خاصية التكبير في تعريف CSS للحاوية سوء التصرف ...
# somediv {
التكبير: 1؛
}
مرة أخرى للأسباب غامضة ... هذه محاولة ...
بعض العناصر في شركة آي إي لديها "hasLayout" الملكية، والذي هو "الحقيقي" افتراضيا. العديد من السلوكيات البصرية المغلق، على سبيل المثال، وهو مرشح ألفا يعمل فقط على أحد العناصر التي hasLayout. و{التقريب: 1} يبدو أن تعطي عناصر تستهدف ممتلكات hasLayout .... مفيدة؟ لا أعتقد ذلك ...
خاصية التكبير ويبدو أيضا أن تدعمها الكروم، ولكن الطعجه استخدامه يبدو لجعل تأثير سلبي كبير على تخطيط بلدي ... تحاول ذلك، وإذا كان يعمل لديك ... اذا لم يحدث ذلك، إشارة على هذه الصفحة تحت عنوان "الفضلات CSS"
2 تعليق | العلامات: المآزق آي إي ، أي المسائل ، IE7 | نشر في CSS
2009 22 مارس 2009
جوجل يبدأ الناس حركة سريعة لتفريغ IE6 ... التنصت من قبل المستخدمين IE6 مع منبثقة عن تحميل الصفحة ... قد تكون ليست فكرة جيدة جدا ... ولكن كونه مطور واجهة المستخدم، لا بد لي من الانضمام إلى هذه الفرقة عربة ... واحد أقل متصفح بالنسبة لي يدعو للقلق عذرا ... أناني هو! لكنني وتشمل هذه جافا سكريبت ... (TRY هذه الصفحة في IE6) ...
مهلا! وعلى أكثر إشراقا ... انظر بل هو عرض للقوة من جافا سكريبت .... يمكن أن يجلب حتى أسفل العملاق (أو كان ذات مرة)
لذلك ... مساعدة تخليص العالم من IE6 مع سطر واحد من جافا سكريبت!
http://code.google.com/p/sevenup/
لا توجد تعليقات | العلامات: قضايا IE ، IE6 | نشر في المراوغات متصفح ، مطور ويب
2008 17 ديسمبر 2008
إذا كنت المغلق شخص، وكنت أعرف ألم في الحصول على مخططات العمل الخاصة بك عبر متصفح. IE8 هو آخر البراغي في الأشغال لمطوري لنا. Anywaz! إذا كنت ضرب على هذه المسألة، كما فعلت أمس، حيث CSS العمل الخاص بك تماما في IE7 (وأقدم) وفايرفوكس وبدأت فجأة رمي نوبات الغضب في IE8، وهذه محاولة ... وبدا لطيف لإصلاح مشاكل بلدي لحظة ....
استخدام الإعلان ميتا، لا يمكننا تحديد مشغل تقديم نود IE8 للاستخدام. لذلك لاجبار IE8 لتقديم مثل IE7 ... إدراج العلامة الوصفية التالية في رأس المستند: -
<meta http-equiv="X-UA-Compatible" content="IE=7" />
افتراضيا أي أن يكون ميتا: -
<meta http-equiv="X-UA-Compatible" content="IE=8" />
الأمر الذي جعل IE8 تقديم الصفحة باستخدام وضع معايير جديدة.
إذا لزم الأمر، يمكن أن تستخدم هذه الجملة لاستيعاب للمتصفحات الأخرى على النحو التالي:
<meta http-equiv="X-UA-Compatible" content="IE=8؛FF=3؛OtherUA=4" />
المزيد عن DOCTYPES:
إذا كنت غير مألوف حتى الآن مع هذا النوع من الحيوانات تسمى "DOCTYPE" ... وهنا بعض سريع القراءة
ما هي DOCTYPES؟ ما هي المراوغات متصفح ووضع الصارمة؟
وضع DOCTYPE في XSL
للحصول على أكثر في فهم عمق حوالي DOCTYPES، حاول زيارة هذه الروابط ...
وهناك قائمة بصرف النظر: إصلاح موقعك مع DOCTYPE الحق!
وهناك قائمة بصرف النظر: ما وراء DOCTYPE: معايير الويب، التوافق إلى الأمام، وIE8
ملاحظة: على الرغم من الكثير منا HTML / CSS الناس وقد تم تجاهل أهمية decleration DOCTYPE في وثائقنا، وتحديد DOCTYPE الحق، عادة ما يكون الجواب على القضايا متصفح معظم الصليب.
1 تعليق | العلامات: DOCTYPE ، أي المسائل ، IE8 ، ميتا البطاقات ، نصائح والخدع | نشر في المراوغات متصفح ، HTML
2008 10 أكتوبر 2008
CSS لغير IE المتصفحات: ه أي أخبار للمطورين المغلق الذي، المختارون الطفل المغلق كما في المثال أدناه، لا يبدو للعمل في شركة آي إي.
على سبيل المثال div> المصدر: تمتد {بعض} المغلق، وهذا يعني "عندما عنصرا فترة هو طفل (وليس الحفيد أو طفل كبير كبير وما إلى ذلك) من عنصر تقسيم".
لكن استخدمنا هذا CON لصالحنا. تاريخيا، وقد استخدم محدد طفل لإخفاء أوامر CSS من IE. ببساطة عن طريق وضع html>body وأمام أي آي إي أمر CSS تجاهلها:
html>body .foo { CSS commands go here ;}
يعمل هذا لأن <body> دائما طفل من <html> - أنه يمكن بالطبع لن يكون الحفيد أو حفيد كبير، من <html> .
الآن أن IE 7 يفهم محدد طفل، لديك لإدراج علامة تعليق فارغة في مباشرة بعد علامة أكبر من IE 7 وبعد ذلك لا يفهم هذا محدد (من يدري لماذا؟)، وبالتالي تجاهل تماما هذا الأمر CSS.:
html> /**/ body .foo { CSS commands go here ;}
إذا لم تكن قد شهدت بالفعل هذه من قبل، ويكون للقراءة من خلال ما يلي أيضا
لا توجد تعليقات | العلامات: البق IE ، IE المآزق ، المأجورون آي إي ، أي المسائل | نشر في المراوغات متصفح ، CSS
2008 4 أكتوبر 2008
كما جرت العادة، واحدة من بعض المشاكل الكثيرة غريب مع شركة آي إي، وهذا واحد لا بد صفوف في العلوية 10 من المراوغات IE.
بيان المشكلة (وهذا كان مشكلة لي، ربما لديك misbehaviors مشابهة):
لدي كثير من DIV في الصفحة مع فئة "sectionhead"، التي ليست سوى عنوان المقطع على الصفحة. لذلك لدي بعض نمط يبحث مثل هذا
. sectionhead {حجم الخط: 18px؛ خلفية: # cfcfcf؛ الحشو: 5PX؛}
وDIV هو شريط رمادي فاتح مع بعض النص الأسود. ما يحدث في IE هو يتم عرض بعض من هذه الرؤوس قسم موافق، ولكن بعضها غير مرئي، وحتى، التمرير الصفحة، أو انقر شيء على الصفحة وما إلى ذلك في وقت ما أنها تميل إلى أن تختفي عند النقر على "بديل" المفتاح عند أسفل الصفحة أو التمرير مع شريط التمرير. ويبدو انهم في بعض الأحيان، ليعاود الظهور عند تحميل (F5) في الصفحة. أنا قصير 1 DIV بسيط تماما مع بعض أسلوب بسيط يتصرف الكريهة.
ما الذي يمكن أن يسبب مثل هذا سلوك خاطئ؟ حسنا! بصراحة، ليس لدي أي فكرة!
ممكن الحل:
مرة أخرى لا تسألني لماذا، ولكن في كثير من الحالات هذه المشكلة يميل إلى أن تختفي عند إضافة موقف: نسبة إلى سوء تصرف عناصر النمط، مثل هذا
. sectionhead {حجم الخط: 18px؛ خلفية: # cfcfcf؛ الحشو: 5PX؛ الموقف: النسبية}
غريب ولكن ماذا أقول؟ بارك الله لي من شركة آي إي!
وتفعل مشاركتها مع الولايات المتحدة، إذا كان لديك مشاكل مشابهة.
لا توجد تعليقات | العلامات: البق IE ، IE المآزق ، المأجورون آي إي ، أي المسائل | نشر في المراوغات متصفح ، CSS ، HTML
2008 15 يوليو 2008
أوه حسنا! في آخر في وقت سابق من بضعة أيام بشأن عودة التعتيم في IE8، نسيت أن أذكر نقطة مهمة ان "IE 8 وضع صارم لا يسمح للغموض CSS".
بالنسبة لأولئك الذين متأكدا فهم ما أعنيه الوضع الدقيق، هنا هو البرنامج التعليمي سريع .
عمل حول إلى هذا (قبل فريق ديف IE يدركون أن لديهم مهدت الطريق لإعادة العمل الروتينية في جميع أنحاء العالم، لمواقع على شبكة الانترنت باستخدام المنبثقة lightboxes مع بعض غموض، ووضع مرة أخرى الدعم للغموض) هو استخدام صورة شبه شفافة ... ويفضل في شكل بابوا نيو غينيا (وقد أتيحت لي تجربة سيئة الحصول على صور GIF شفافة للعمل كما كان من المفترض أن). خلق صورة PNG من لون والنسبة المئوية للشفافية تريد، وأنت لديك في محرر الصور واستخدامها كصورة خلفية لغطاء صندوق الصور الخاصة بك.
أي
بدلا من شيء من هذا القبيل
. lighbox_overlay {
لون الخلفية: # FFFFFF؛
ض مؤشر: 1001؛
MOZ--التعتيم: 0.6؛
غموض: 0.60؛
فلتر: ألفا (شقاف = 60)؛
}
القيام بذلك ....
. lighbox_overlay {
خلفية: رابط (bkg.png) تكرار؛
}
أن تحاول ذلك، انقر هنا! | لتحميل، اضغط هنا!
لا توجد تعليقات | العلامات: البق IE ، IE المآزق ، أي المسائل ، IE8 | نشر في المراوغات متصفح ، CSS
2008 6 يوليو 2008
إذا كنت تعرض هذه الصفحة في IE8، ثم يجب أن تكون رؤية كاملة خلفية بيضاء غامضة وراء هذا المنصب. أمس، collegue بلدي وأشار هذا إلى لي (وانا واحد من هؤلاء الناس الذين التكيف مع التغيرات ببطء ولكن بثبات ... المتصفحات خاصة. يمكن القول، ام جبان، ولكن فليكن ذلك .... ويجري تطوير واجهة المستخدم، وأنا دائما القرف خائفة من إصدارات جديدة للمتصفح ... تعرف ما ايم حول tlaking، أليس كذلك؟)
حفرت في جميع أنحاء لبعض الوقت، في محاولة لايجاد حل لاصلاحها ثم ما ...
هذه المرة لم يفعل لدينا كل الوقت المفضل المتصفح في كل مرة أخرى من خلال إسقاط جميع أشكال الدعم للغموض CSS. وغير القياسية `فلتر: ألفا (عتامة = # #) 'تمت إزالة السمة المغلق، ونيس، ولكنها أيضا نسي تماما لإضافة CSS3 الدعم التعتيم (مثل الطريقة التي لطيف كل المستعرض أخرى واصلت فيه). لذا، للمرة الأولى منذ حدثنا الله عن التعتيم المغلق (منذ أي 5.0، وأعتقد)، ومتصفح ويب لا يدعم CSS التعتيم.
والآن لكريم على رأس: كلمة رسمية من فريق 8 آي إي؟ انه "من تصميم" و "سننظر في هذه النسخة المستقبلية من شركة آي إي".
PS: جرب هذه الصفحة في FF، أقسم أنه يبدو أنيق!
لا توجد تعليقات | العلامات: البق آي إي ، أي المسائل ، IE8 | نشر في المراوغات متصفح ، CSS
2008 20 يونيو 2008
إذا كان لديك من أي وقت مضى (أو إجراء واحد) إلى قائمة عمودي باستخدام عناصر قائمة (لي) به والمغلق، فقد تواجه، بعد هذه علة أخرى في Internet Explorer، حيث IE 6 إدراج هذه الفجوات بين عناصر القائمة التي تحتوي على عناصر مستوى الكتلة، أي إذا كان هناك أي المسافات بين عناصر القائمة في العلامات. شكرا، ولكن بفضل لا، إصدار IE 7 يبدو خالية من هذا الخطأ.
إذا مثلي، وغيرها الكثير، كنت تنتمي إلى هذه الفرقة من المطورين المحبطين، الذين لا تزال لديها للحصول على تخطيطات الجديدة، والعمل في IE6 جدا، ثم وهذا قد يكون مفيدا. إلقاء نظرة ...
عينة العلامات:
<ul id="menu">
<LI> <a href="#"> الرئيسية </ a> </ لى>
<LI> <a href="#"> عن </ أ> </ لى>
<LI> <a href="#"> خدمات </ أ> </ لى>
<LI> <a href="#"> حقيبة </ أ> </ لى>
<LI> <a href="#"> مساعدة </ أ> </ لى>
<LI> <a href="#"> الاتصال بنا </ a> </ لى>
</ UL>
هل يمكن أن تخلق بعض المغلق، على غرار ما سيأتي، على transfrom العلامات أعلاه في القائمة رأسي ....
عينة المغلق ...
# القائمة {
هامش: 0؛ الحشو: 0؛ خلفية: # FF9900؛
قائمة على النمط من نوع: لا شيء؛ العرض: 150px؛
}
# القائمة لى {هامش: 0؛ الحشو: 0؛}
# قائمة 1 {العرض: كتلة؛
اللون: # 555555؛
النصوص الديكور: لا شيء؛
الحشو: 0 15px؛
خط الطول: 2.5؛ الحدود القاع: 1px الصلبة # FFF؛
}
النتائج التي سوف نرى ...
حل لهذا الخطأ ... (تعديل / إضافة CSS بخط مائل جريئة)
# القائمة {
هامش: 0؛ الحشو: 0؛ خلفية: # FF9900؛ قائمة على النمط من نوع: لا شيء؛ العرض: 150px؛
تعويم: غادر؛ / * هذا يحتوي على عناصر قائمة تعويم * /
}
# القائمة لى {
هامش: 0؛ الحشو: 0؛
تعويم: غادر؛ / * هذا حل * /
عرض: 100٪؛ / بقة بيضاء * في IE6 * /
}
# قائمة 1 {
عرض: كتلة؛ اللون: # 555555؛
النصوص الديكور: لا شيء؛
الحشو: 0 15px؛
خط الطول: 2.5؛ الحدود القاع: 1px الصلبة # FFF؛
}
إذا كان لا يتلقى الحل أعلاه يبدو للعمل (لأسباب معروفة للIE6 فقط) ... جرب هذه الطريقة بدلا من ذلك
فقط إضافة هذه الأساليب إضافية فقط IE6 إلى العلامات الخاصة بك ...
<- [إذا LT IE 7>
<style type="text/css">
# القائمة لى {العرض: مضمنة لبنة؛}
# القائمة لى {العرض: كتلة؛}
</ النمط>
<[ENDIF] ->
لا توجد تعليقات | العلامات: البق IE ، IE المآزق ، المأجورون آي إي ، أي المسائل ، IE6 ، دروس | نشر في المراوغات متصفح ، CSS
2008 12 أبريل 2008
إضافة IE 6، وكانت MSIE نوع ما يكفي لنا مطوري واجهة المستخدم من خلال إضافة عدد قليل من أكثر خصائص CSS القياسية لمعظم متصفحات القياسية الأخرى. خاصية واحدة مفيدة من هذا القبيل في "ارتفاع مين". الخاصية جميلة على التوالي إلى الأمام لا يحتاج إلى شرح طويل ينضب. عندما يتم تعيين مين ارتفاع للتقسيم، فإنه يحتفظ دائما أن ارتفاع مجموعة عندما يكون المحتوى من منازل تحتل أقل مما يستطيع تحمله، والأهم (على عكس سهل الفانيليا الممتلكات "ارتفاع") جداول أو بعبارة المغلق، فإنه يتصرف مثل ومن المقرر تقسيم الذين "الارتفاع" إلى "تلقائي" ...
بالنسبة للبعض منا مطوري الفقراء، الذين لا تزال هناك حاجة إلى رمز CSS التي يجب أن تعمل أيضا في IE6، ويمكن من الامم المتحدة وتوفر "مين ارتفاع"، يثبت وجود سدادة تظهر في وقت ما ... متأكدا اليأس.
لحسن الحظ، لدينا ما يكفي من المراوغات في آي إي، وأننا سوف تستخدم لمصلحة الخروج والإختراق من خلال طريقنا لتحقيق هدفنا ... أي جعل تقسيم شعبة وكأن لها مين ارتفاع في IE6
حل 1: استخدام المأجور نؤكد [ ... اقرأ المزيد ]
.box1 {
min-height: 200px;
height:auto;
_height:200px;
}
HTML: -
<div class="box1">Some dynamic content with variable height ...</div>
الحل 2: استخدام المأجور المغلق محدد سمة
.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}
HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>
وهاك المغلق محدد سمة يستفيد من حقيقة أن برامج التصفح في وقت سابق من IE6 ثا تجاهلت atribute-محدد. لاحظ شرط آخر تقسيم الحاويات مع "someclass" الطبقة =. فقط presense السمة فئة لهذا التقسيم، يتجاوز ارتفاع مرة أخرى إلى السيارات للأوبرا، وموزيلا MSIE7 وفي وقت لاحق. IE6، والذي لا يعتمد محددات atribute، يتجاهل ذلك.
عرض تجريبي للالإختراق مين ارتفاع عن IE6
لا توجد تعليقات | العلامات: البق IE ، IE المآزق ، المأجورون آي إي ، أي المسائل ، IE6 ، دروس | نشر في CSS
2008 15 مارس 2008
في مناسبات عدة، في حين تقوم تخطيطات الصفحات مع الانقسامات المنبثقة / lightboxes / نصائح الخ ونحن يأتي عبر الحالات التي يكون فيها بعض الكائنات نموذج SELECT يحدث أن تكون في إطار هذه الانقسامات POPUP، حسب التصميم وهذا يظهر من خلال .... يوك!
حسنا! هل يمكن بسهولة تحديد هذا عن طريق تعديل الخاص Z-INDEX القيم بشكل ملائم لFF و IE7. لكن جيد قديم (يقصد التورية) IE6 لا تتصرف على النحو المنشود .... وتظهر من خلال BOX SELECT، حتى بعد تطبيق بعض ارتفاع كبير Z-INDEX القيم إلى قسم الخاص قافزة ...! المشكله!
لا توجد حلول لهذه المشكلة، ولكن هناك، في اعتقادي، أكثر من وسيلة قليلة لعمل حول هذه المشكلة، ولكن هنا ايم ان اقول لكم أبسط الحلول التي استخدمها، والذي يعمل بشكل جيد بالنسبة لي، في معظم الحالات ....
"إخفاء مربع SELECT ROUGE عند إظهار POPUP"
ببساطة قصاصة في السيناريو الخاص بك حيث كنت تظهر المنبثقة الخاص، إضافة إلى قطعة من سيناريو لتحديد الرؤية للصندوق SELECT إلى "المخفية"
document.getElementById ('my_select') style.visibilty = "الخفية".
وتذكر باعادته الى الوراء في ختام القسم الخاص قافزة
. document.getElementById ('my_select') style.visibilty = "مرئي"؛
حيث "my_select" هو معرف من صندوق تهيج SELECT
ويساعد هذا الأمل ...
PS. هناك خيارات أخرى مثل فكورسي positionining حيوي IFRAME (بنفس الحجم كما كنت قافزة) تحت DIV قافزة ... وهذا يعمل بشكل جيد جدا، ولكن مع إضافة الكثير من عناصر DOM، ومخطوطات، وصداع. ولقد استخدم هذا الحل أيضا، وإذا كنت لا تحتاج الى أي مساعدة مع هذا الخيار، لا اسمحوا لي أن أعرف. سوف نكون سعداء للمساعدة!
لا توجد تعليقات | العلامات: البق IE ، IE المآزق ، المأجورون آي إي ، أي المسائل ، IE6 | نشر في المراوغات متصفح ، CSS ، HTML ، JavasScript
