Меню
Что нового?

checkbox раздувает блочные элементы в IE

anpv

Guest
checkbox раздувает блочные элементы в IE

Доброго времени суток.
PHP: 
<html>
<head>
<style type="text/css">
.c1 {
  margin: 0px;
  padding: 0px;
}
.d1 {
  margin: 0px;
  padding: 0px;
  border: 1px solid #000000;
}
</style>
</head>
<body>
<div class="d1"><input type="checkbox" class="c1"></div>
</body>
</html>
Эта страница отображается по разному в Mozilla Firefox 1.0.1 (нормально, нет отступов сверху и с низу дива) и IE 6 (есть отступы).
Подскажите как победить IE?
 

anpv

Guest
Я наверное не правильно выразился. input->checkbox раздувает блочный элемент div (изнутри) в котором он находится (высота div'a становится больше чем размер checkbox'a на ~6px).
А отступ body ни как не влияет на это.
 

dj100gr

Новичок
там его не только checkbox раздует.. а любой элемент кроме IMG, надо глубоко css копать...
 

anpv

Guest
Нашел какое-то решение.
PHP: 
<style type="text/css">
.c1 {
  margin: 0px;
  padding: 0px;
  height: 15px;
}
.d1 {
  margin: 0px;
  padding: 0px;
  border: 1px solid #000000;
  font-size: 9pt;
}
</style>
Оказывается дело было в том что у DIV нужно было указать размер шрифта, а у INPUT->checkbox высоту.
Теперь в IE как в Mozilla.
Может есть какие-нибудь другие решения (ненравится мне что у INPUT->checkbox приходится задавать высоту в пикселах)?
 
Войдите или зарегистрируйтесь для ответа.
Сверху