IE7:رأس القائمة أعلاه

Question

أواجه مشكلة مع IE7.لدي رأس ، وهو IMG.في إطار ذلك يجب شعبة الذي يمثل القائمة ، فإنها يجب أن تكون مرفقة مع بعضنا البعض دون الفضاء.وكلاهما 1000px العرض.في أوبرا و فايرفوكس رأس القائمة المرفقة بدقة إلى بعضنا البعض.ومع ذلك ، في IE7 ، هناك مساحة صغيرة بين القائمة DIV و IMG.لقد حاولت صراحة تحديد الحشو على هامش IMG, ومع ذلك فإنه لا يعمل.كان لي هذه المشكلة من قبل ، لذلك يبدو أن IE7 شاءت.

بلدي الكود:

<div id="middle">
  <img id="ctl00_headerHolder_headerImage" src="pictures/headers/header_home.jpg" style="border-width:0px;" />

  <div id="ctl00_menuPanel" class="menu">
    <a id="ctl00_home" href="Default.aspx" style="color:#FFCC33;">Home</a> |
    <a id="ctl00_leden" href="Leden.aspx">Leden</a> |
    <a id="ctl00_agenda" href="Agenda.aspx">Agenda</a> |
    <a id="ctl00_fotos" href="Fotos.aspx">Foto's</a> |
    <a id="ctl00_geschiedenis" href="Geschiedenis.aspx">Geschiedenis</a> |
    <a id="ctl00_gastenboek" href="Gastenboek.aspx">Gastenboek</a>
  </div>
</div>

Answer 1

جرب أي مطور شريط الأدوات التي سوف تمكنك من فحص ما يجري مع عناصر وتعطيك العريضة من المجالات التي تغطيها.قد تعطيك فهم أفضل للمشكلة.

Answer 2

الحل:

img {
padding: 0px;
margin: 0px;
display: block;
}

عرض:كتلة

Answer 3

أنا واجهت هذا الكثير.بدلا من مطاردة سلوك معين ، في محاولة التعقل التحقق من explicity وضع الحشو هامش خصائص img/div/الخ محددات إلى 0 مجموعة border-style:لا شيء border-width:0px الحدود="0" الخ.

أي ديف شريط الأدوات هو يجب أن يكون ولكن إذا كان ذلك يساعدك في معرفة واحد بكسل المسائل من غير المرجح.

Answer 4

بدلا من اللجوء إلى عرض كتلة ملاحظة أن IE7 يفعل بعض بجد أشياء غريبة مع فاصل;حاول إزالة فاصل بين الصورة و شعبة, و نرى ما سيحدث.

Answer 5

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

Answer 6

الحل...العرض:كتلة

هذا السؤال لا يمكن الإجابة بشكل صحيح من دون معرفة طريقة التقديم أن المتصفح كان في ؛ عليك أن تقول للناس ما doctype لديك إذا كان لديك CSS جعل القضايا.صورة السلوك يمكنك الرجوع إلى مختلف في وضع المراوغات بدلا من وضع المعايير.الحد الأدنى من اختبار الحالة يجب أن تشمل كامل مستند HTML و CSS إلى إعادة إنشاء المشكلة.من فضلك لا تسأل الناس للمساعدة دون منحهم المعلومات التي تحتاج إلى الإجابة بسهولة دون إضاعة الوقت...

Answer 7

الحل الحقيقي:

#middle { font-size: 0; line-height: 0; }