Можно ли уменьшить отступы / поля на переключателях в IE6 / IE7 до 0-1px? - PullRequest
Новая
       20

Можно ли уменьшить отступы / поля на переключателях в IE6 / IE7 до 0-1px?

1 голос
/ 12 июня 2009

В Firefox и IE8 это не проблема, но в IE6 и IE7 я не могу уменьшить отступы / запас для переключателей до чего-то разумного (например, 0px или 1px).

На включенных изображениях вы можете видеть, что красный фон огромен в IE6 / IE7 (даже если для CSS-полей и поля установлены значения 0px), а в Firefox / IE8 это нормально.

Причина, конечно, в том, что отображаемое мной дерево выглядит ужасно с пробелами в IE6 / IE7.

IE6 / IE7

альтернативный текст http://img190.imageshack.us/img190/9985/ie7l.png

Firefox / IE8

альтернативный текст 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>

Ответы [ 5 ]

5 голосов
/ 31 июля 2009

Используйте высоту, чтобы решить эту проблему.

Я использую это в классе на входе: 

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

на: 

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

Будет отлично работать в I.E 6.0 / 7.

2 голосов
/ 13 января 2011

Добавьте overflow:visible, а также высоту и ширину, чтобы избавиться от всех отступов / полей в IE6 / 7

2 голосов
/ 16 июня 2010

Я столкнулся с этой проблемой и смог исправить ее, поместив элемент ввода. Это устраняет небольшой вертикальный «запас» в IE6 / IE7.

0 голосов
/ 13 июня 2009

Не видя код, я думаю, что вы столкнулись с этой «ошибкой наследования полей в IE: элементы формы и hasLayout»

Positioniseverything.net хорошо написал: http://www.positioniseverything.net/explorer/inherited_margin.html

Приветствия

0 голосов
/ 12 июня 2009

Причина, конечно, в том, что отображаемое мной дерево выглядит ужасно с пробелами в IE6 / IE7.

Я предполагаю, что вы используете файл изображения для рендеринга точек и плюсов ... возможно, чтобы избежать тех пробелов, когда линии выше, вы можете использовать более высокое изображение.

...