Я просматриваю сообщения по этой проблеме в Stack Overflow, но ничего действительно не работает для меня. У меня есть следующий CSS-код для вертикального выравнивания пары checkbox/label:
body {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
}
fieldset {
line-height: 100%;
}
label {
display: inline-block;
vertical-align: baseline;
}
Полный HTML-код здесь.
Партии Checkbox/label вертикально центрированы в Safari (5.0.3) и Firefox (3.6.13) под Mac OS X. В Chrome (Mac OS X) флажки отображаются немного вверху. В ОС Windows OS флажки и ассоциированные метки выравниваются снизу (последовательно в разных браузерах: Firefox, Safari, Chrome и Internet Explorer 8).
Может кто-нибудь объяснить мне, почему это происходит между браузерами/ОС (а также как их избежать)?
Обновление
Флажок "Подлость для вертикального выравнивания" с меткой в Chrome под Mac выглядит следующим образом:
input[type=checkbox] {
position: relative;
top: 1px;
}
Теперь вам нужно реализовать условные условные обозначения ОС и браузера...