هل يمكن تخفيض الحشو / الهامش على أزرار الراديو في IE6 / IE7 إلى 0-1 بول

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

سؤال

في Firefox و IE8 هذه ليست مشكلة، ولكن في IE6، و IE7، لا يبدو لي أن تقليل الحشو / الهامش على أزرار الراديو إلى أي شيء معقول (مثل 0PX أو 1PX).

في الصور المضمنة، يمكنك أن ترى أن الخلفية الحمراء ضخمة على IE6 / IE7 (حتى مع الحشو CSS وهامش على حد سواء تعيين إلى 0px) حتى الآن في Firefox / IE8 فلا بأس.

السبب بالطبع هو أن الشجرة التي أتيح بها تبدو فظيعة مع الفجوات في IE6 / IE7.

IE6 / IE7.

نص Alt http://img190.imageshack.us/img190/9985/ie7l.png.

فايرفوكس / IE8.

نص Alt http://img23.imageshack.us/img23/3411/ie8k.png.

ملاحظات: يتم تشغيل الصفحة في وضع المعايير، والأحمر هو فقط للتوضيح.

بعض رمز العينة (لأولئك الذين يرغبون في الاختراق في ذلك)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>IE Radio button padding hell</title>
<style>
  input{
    background-color:red;
    border:0px;
    margin:0px;
    padding:0px;
  }
</style>
</head>
<body>
  <form name="asdf">
    <input type="radio" name="sdfgsd" value=""/>asdf<br/>
    <input type="radio" name="sdfgsd" value=""/>asdf<br/>
    <input type="radio" name="sdfgsd" value=""/>asdf<br/>
    <input type="radio" name="sdfgsd" value=""/>asdf<br/>
  </form>
</body>
</html>
هل كانت مفيدة؟

المحلول

استخدام الارتفاع لحل هذه المشكلة.

أنا أستخدم هذا على الفئة على المدخلات:

.radiobtn
{
border:0px;
height:14px;
}

تشغيل:

<input type="radio" class="radiobtn" name="radio"  value=""/> Yes

سوف تعمل بشكل جيد في IE 6.0 / 7.

نصائح أخرى

ركضت في هذه المشكلة وتمكنت من إصلاحه عن طريق العائمة عنصر الإدخال. هذا يلغي "الهامش" الرأسي الصغير في IE6 / IE7.

يضيف overflow:visible بالإضافة إلى الارتفاع والعرض للتخلص من جميع الحشو / الهامش في IE6 / 7

السبب بالطبع هو أن الشجرة التي أتيح بها تبدو فظيعة مع الفجوات في IE6 / IE7.

أعتقد أنك تستخدم ملف صورة لتقديم النقاط والبلوس ... ربما، لتجنب تلك الفجوات عندما تكون الخطوط أطول، يمكنك استخدام صورة أطول.

دون رؤية التعليمات البرمجية وأعتقد أنك يركض في هذا "أي علة الهامش الموروث: نموذج العناصر و haslayout"

PODUTDESSELYTHT.NET لديه كتابة جيدة على ذلك: http://www.pesitioniseiseverything.net/explorer/inherited_margin.html.

هتافات

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