Сдвигается сожержимое блока

[Imperil]

Подскажите, почему при наведении на блок, когда появляется рамка, все сдвигается? Как сделать, чтобы содержимое блока оставалось неподвижным при наведении ?

http://jsfiddle.net/qnr9Y/2/

[sammasati]

Вот, как вариант: http://jsfiddle.net/qnr9Y/3/

[Softlink]

На скорую руку раз и два.

[Imperil]

Спасибо большое, только где ошибка не увидел. Смотрел-смотрел... Может глаз уже замылился. Что вы изменили?

[Softlink]

Спасибо большое, только где ошибка не увидел. Смотрел-смотрел... Может глаз уже замылился. Что вы изменили?

Дело в том, что бордеры учитываются в размерах блока. Их можно внести в размер блока через box-sizing: border-box, но результат в таком случаем будет противоположным - блок не будет двигаться относительно других блоков, но вот контент внутри него будет смещаться.

Теперь что сделал я.

В первом случае, я для блока без ховера добавил border: 2px solid transparent;. Таким образом у нас рамка будет постоянно присутствовать, но на ховере мы только поменяем ее цвет.

Во втором случае - это просто css3-тень. Если не указывать размытие и указать только цвет и интенсивность, то box-shadow c успехом заменяет border. Но при всем при этом тень не учитывается в размерах блока ни при каких условиях.

[Critical Error]

http://jsfiddle.net/qnr9Y/8/

[Imperil]

Спасибо большое, только где ошибка не увидел. Смотрел-смотрел... Может глаз уже замылился. Что вы изменили?

Дело в том, что бордеры учитываются в размерах блока. Их можно внести в размер блока через box-sizing: border-box, но результат в таком случаем будет противоположным - блок не будет двигаться относительно других блоков, но вот контент внутри него будет смещаться.

Теперь что сделал я.

В первом случае, я для блока без ховера добавил border: 2px solid transparent;. Таким образом у нас рамка будет постоянно присутствовать, но на ховере мы только поменяем ее цвет.

Во втором случае - это просто css3-тень. Если не указывать размытие и указать только цвет и интенсивность, то box-shadow c успехом заменяет border. Но при всем при этом тень не учитывается в размерах блока ни при каких условиях.

Спасибо!!