Заметил, что браузеры по-разному округляют дробные значения пикселей. Например, в Opera 10 и IE7 значение отступа 12.5px округляется до 12px, а в Firefox 3.6 и IE8 — до 13px. Мне эта особенность обработки CSS-документа помогла аккуратно соединить два блока.
Если у вас появится желание собственноручно проверить данную особенность, вы можете воспользоваться, например, следующим кодом:
Будьте внимательны! Подобное поведение анализатора может изменяться в зависимости от версии браузера.
Если у вас появится желание собственноручно проверить данную особенность, вы можете воспользоваться, например, следующим кодом:
<style>
#test {
background-color: #f0f6fa;
color: #272727;
height: 12.5px;
}
</style>
<div id="test"></div>
<script language="javascript">
document.getElementById('test').innerHTML = document.getElementById('test').offsetHeight;
</script>Будьте внимательны! Подобное поведение анализатора может изменяться в зависимости от версии браузера.
