Страница списка товаров, раскрытие товара при наведении

[npofopr]

Всегда опасался таких страниц, если честно :-)

Но как сделать, чтобы расширялся весь контент.

Сейчас у меня увеличиваются только отступы, т.е. только белое пространство, внутренний контент остается неизменной длины.

http://jsfiddle.net/npofopr/BJfJW/

И получается, что внутренний контент становится уже, чем без наведения.

 

Или это только скриптами? Может есть у кого то ссылки на такие. 

А может подскажите запрос в гугл... 

[Softlink]

Ничего не понял. Что надо расширить?

[rus]

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

если да, то это пожалуй только во всплывающем диве, который будет либо закрывать всю страницу, либо часть страницы...

[npofopr]

Не не. Сейчас блок при наведении (или активный, с классом .active) показывает дополнительную информацию. С этим все нормально. 

Но блок длиной в 220px, а можно ли как то делать, чтобы при наведении блок становился > 220px, например 250px, без влияния на остальные блоки. Т.е. если делать простое изменение длины width, то соседние блоки будут сдвигаться.

 

Я так понимаю, это только если делать блок position:absolute; только тогда он не будет влиять на соседей.

По чистым css не знаю, можно ли справится. 

И реализаций похожих пока найти не могу.

 

Вроде так понятнее должно быть :-)

Edited December 1, 2013 by npofopr

[rus]

если на чистом css, то ховер адекватно во всех браузерах вроде как реагирует только на тег <a>, и да, на чистом css, конечно же абсолютное позиционирование что бы другие блоки не сдвигал.

[npofopr]

А скрипты может какие то есть у кого в закладках? 

 

Почему то мне кажется на чистом css получится ерунда. Буду еще искать. 

[Softlink]

Может что-то вроде такого принципа?

[Zverushka]

Зачем скрипты? Можно разными способами сделать например вложить абсолютный див внутрь и без наведения overflow:hidden, а с наведение - overflow:visible. Можно высотой манипулировать с hover  и без. (auto и фиксированная соотвественно).