Как добиться равенства сторон при резиновой верстке?

Question

[Boris Hasikov]

Доброго времени суток, ребята!

Хочу добиться равенства ширины и высоты блока, при верстке адаптивного дизайна. Нужно что бы высота была всегда равна ширине. Не обязательно чтоб менялось динамически. Главное чтоб после загрузки страница высота блока была равно ширине этого же блока. Так же к родителю этих блоков я подключил jscrollpane.

Возможно ли такое реализовать на css или на jquery. Если jquery, то будет ли корректно работать jscrollpane?

Comments

[Максим]

а если блок заполнен контентом ? к примеру в квадратный блок не вмещается и требуется height:auto; ну что бы тянулся -- вроде бы ( я не спорю ) фиксированная высота не подходит

[Сергей delphinpro]

. Shadow: Ну если дизайнер так нарисовал, куда деваться? Можно скроллинг внутр сделать.

Answer 1

[Никита]

квадратный див

Comments

[Boris Hasikov]

Спасибо, брат!

[Никита]

Boris Hasikov: этим методом можно добиться 16:9 или 4:3, от паддинга зависит

[Максим]

Никита: он не квадратный ваще то , я не спорю ... но так и есть

[Boris Hasikov]

Никита: а если его нет? Если нет padding. А точнее только у before.

[Boris Hasikov]

Никита: еще scrollpane отвалился. Скорее всего из-за того, что высота не задана явно.