vahrusha

Спасибо за помощь, теперь разобрался.

Так ведь еще и паддинги меняются... и в сумме то получается одно и тоже... .but3{ height:18px;padding-top:2px .but2{ height:19px;padding-top:1px Спасибо.

Спасибо за ответ, сделал divом + float:left. Но почему в первом случае так получается, непонятно.

Здравствуйте, уважаемые. Никак не могу понять, почему во всех браузерах, кроме IE в приведенном ниже случае при клике на спане (событие onmousedown), его общая (итоговая) высота увеличивается на один пиксель (идущая ниже верстка смещается на 1 пиксель вниз). Доктайп xhtml 1.0 strict. <span class="but1" style="width:20px;margin:10px 0 15px;display:inline-block" onmouseover="this.className='but2';" onmousedown="this.className='but3';" onmouseup="this.className='but2';" onmouseout="this.className='but1';"> Бла бла бла </span> .but1{ height:19px; border:1px solid #000; padding-top:1px; background-image:url('../_ima/but1.gif'); text-align:center; cursor:pointer } .but2{ height:19px; border:1px solid #000; padding-top:1px; background-image:url('../_ima/but2.gif'); text-align:center; cursor:pointer } .but3{ height:18px; border:1px solid #000; padding-top:2px; background-image:url('../_ima/but3.gif'); text-align:center; cursor:pointer } Вот что получается: Если спаны заменить на дивы и убрать display:inline-block, то проблема отпадает. Но в данном случае, нужно, чтобы элементы шли рядами. Спасибо.

Я только для ie6-7 этот див создал. А вообще странно, что они 2 пикселя откуда-то берут, тут так все очевидно на мой взгляд, прописано же "ОДИН" Спасибо за ответы.

Собственно сабж. Хотелось бы выяснить, как это лечить? Спасибо.

Хм, странно, вроде, имея xhtml strict и <noscript>, валидацию на w3c документ таки проходит. Ну да ладно, я не большой знаток спецификации... Вы правы, можно и не мучиться, а просто удалить элемент. Спасибо.

Спасибо за ответ, но я работаю в xhtml 1.0 strict - вроде в таком случае наименьшее количество косяков с кроссбраузерностью, а так проверю, конечно...

Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.