Кроссбраузерная резиновость
Здравствуйте!
Необходимо реализовать следующее поведение:
"шапка" страницы растягивается на всю ширину окна браузера (т.е. она резиновая), но не сжимается меньше определенного значения, например, 800 пикселей.
Разумеется, в идеальном случае это реализуется так:
при том условии, что родительский контейнер #header занимает всю ширину окна. Но вот IE (как же я его люблю :eek:), зараза, min-width и max-width (как и min-height, min-width) не понимает.
Мучался-мучался, экспериментировал со вложенными контейнерами, но своего не добился. Чувствую, что решение находится где-то на поверхности, но додуматься сам не могу.
Жду совета :) Спасибо.
Необходимо реализовать следующее поведение:
"шапка" страницы растягивается на всю ширину окна браузера (т.е. она резиновая), но не сжимается меньше определенного значения, например, 800 пикселей.
Разумеется, в идеальном случае это реализуется так:
Код:
div#header { height: 100%; min-height: 800px; }
при том условии, что родительский контейнер #header занимает всю ширину окна. Но вот IE (как же я его люблю :eek:), зараза, min-width и max-width (как и min-height, min-width) не понимает.
Мучался-мучался, экспериментировал со вложенными контейнерами, но своего не добился. Чувствую, что решение находится где-то на поверхности, но додуматься сам не могу.
Жду совета :) Спасибо.
http://forum.codenet.ru/showthread.php?t=29144
Нужно обратить внимание на посты многоуважаемого Carpus'а. Именно он предложил верное решение. [COLOR="Red"]И использовать поиск по форуму[/COLOR] (если уж Вы настолько умный, что готовы были похвалиться этим вот тут).
Нужно обратить внимание на посты многоуважаемого Carpus'а. Именно он предложил верное решение. [COLOR="Red"]И использовать поиск по форуму[/COLOR] (если уж Вы настолько умный, что готовы были похвалиться этим вот тут).
Вот сейчас действительно не прав, исправлюсь. Тема, созданная Вами действительно повторяет мою :)