Как растянуть блок на весь viewport?

Question

[Андрей Кунцевич]

как сделать так, что бы родительский блок имел ширину не меньшую чем дочерний к нему, в случае, когда ширина viewport'а меньше чем ширина этого дочернего блока?

Пример тут о_О

Откройте его в окне шириной меньше 1000px и получите это:

Comments

[Desiderata]

А почему не хотите просто задать ширину родительскому блоку?
т.е. перенести свойство width:1000px из дочернего в родительский.

[Андрей Кунцевич]

Необходимо что бы на разрешении больше 1000px родительский блок растягивался на всю ширину экрана. (фактически это надо только для фона.)

Answer 1

[Igor]

#div { min-width: 1000px; }

Comments

[Андрей Кунцевич]

До этого момента был уверен что min-width не поддерживается ie8.
Полез за ссылкой на пруф, дабы ответить вам, что решение не кроссбраузерное, а там ie8+ о_О
Благодарю за ответ! Всё оказалось так просто!

[Igor]

В IE7 тоже работает

[mrspd]

А в 6м выручает expression, но иногда глючит

[Ксения]

а как быть, если min-width неизвестна?