Есть макет модального окна:
Как можно сделать с помощью HTML+CSS, чтобы оно было резиновым в ширину и высоту?
Мой вариант:
<div class="modal_window">
<div id="header_left">
<!-- Здесь кусок картинки от закругления слева -->
</div>
<div id="header_middle">
<!-- Здесь небольшой в ширину кусочек из середины, который имеет свойство repeat-x
<div id="header_right">
<!-- Здесь кусок картинки от закругления справа -->
</div>
<!-- Тоже самое делаем с самим блоком, то есть центром блока, но уже повторяем как по x, так и по y -->
<div id="middle_left">
</div>
<!-- И так далее, в общем -->
</div>
Так вот, вопрос вот в чем: подскажите, пожалуйста, как это делается правильно?
.modal_window
значения width и height в % и фиксированные значения min-width и min-height в пикселах.