Позиционирование блока

[webasta 0]

Добрый день!

Необходима помощь в донастройке отображения товара в боксе новинки (http://www.faktoria.org.ua/). За пример взят сайт :http://www.mobilluck.com.ua/katalog/noutbuk/. Проблема осталась в том,что при наведении на товар отображаемая информация сдвигает блок снизу. Подскажите как настроить отображение <div> поверх соседних без их сдвига.

 

Вот стили:

 

dl.itemNewProductsDefault
{
display: block;
width: 30%; 
float: left;
height: 300px;
margin: 10px 10px 10px 10px;
padding: 0 0 0 0;
background: transparent;
border:1px solid #ededeb;
border-radius:8px;
overflow:hidden;

}

dl.itemNewProductsDefault:hover {
border:1px solid #0f84fb;
height:auto;
margin: 10px 10px 10px 10px;
padding: 0 0 0 0;
width: 30%;
box-shadow:0 0 6px #0f84fb;
display: block;
background: #FFFFFF;
margin: 10px 10px 10px 10px;
z-index:99;
overflow: visible;


}

[support 447]

Так у Вас при наведенении появляется описание, которое по высоте раятягивает блок, поэтому так и происходит, как я понимаю.

 

Показывайте сразу описание, без наведения.

[webasta 0]

Нужно чтоб описание появлялось только при наведении, при этом блок должен растягиваться не сдвигая остальные, т.е должно быть что то типа абсолютного позиционирования. Если я добавляю абсолютное позиционирование, то при наведении соседний блок заезжает за него. Уже весь форум перерыл, ничего так и не нашел.

[support 447]

Да вряд ли только правкой css обойтись.

 

Есть особенность в подсчёте высоты блоков, это известная проблема, так называемые "equal height columns"

 

Если интересно, как в принципе это решается, т.е. одинаковая высота колонок при разной высоте контанте колонки (картинок, описания), Вам нужно в гугле посмотреть статьи по "equal height css" или "equal height columns"