[forsite]

Коллеги,

Мне необходимо добиться того, чтобы при изменении размеров окна браузера на стороне пользователя менялся бы и размер картинок на сайте. Причём, менялся бы не только по ширине, но и по высоте (то есть чтобы можно было добиться непропорционального изменения размеров картинки - например, "сплюснуть" их по высоте). В Quirks-режиме это достигается достаточно легко:

<div style="width: 25%; height: 30%">
<img src="menu1.gif" width="100%" height="100%">
</div>

При добавлении же doctype strict.dtd или loose.dtd размер картинок на сайте реагирует только на изменениие ширины браузера: меняется ширина картинок, а высота подгоняется автоматически. То есть картинки только масштабируются, и браузер не дает их менять непропорционально (то есть, например, "сплюснуть" их по ширине или "высоте").

Я нигде не нашел прямого подтверждения, но предполагаю, что это требование strict-стандарта. Если это так, то можно ли каким-то альтернативным способом добиться в strict-режиме css (не переходя в Quirks), чтобы картинки реагировали на изменение не только ширины, но и высоты окна браузера? Конечно, это можно сделать через JavaScript, но хотелось обойтись более простыми средствами.

Заранее благодарен за идеи.

[kost]

Зачем вам это нужно?

[forsite]

Резиновый дизайн. Страничка будет неким аналогом DVD-меню для запуска нескольких видеороликов. Необходимо, чтобы независимо от размеров браузера на стороне клиента вся страница умещалась на экране.

[kost]

Резиновый дизайн прекрасно делается и без изменения размеров картинок.

К тому же, «чтобы независимо от размеров браузера на стороне клиента вся страница умещалась на экране» -- слишком широкое утверждение. В экран размером 1 на 1 пиксель вы вряд ли что-то вместите.