Заміна min-width в ie6

Відео: CSS Image Max Width and Min Width

Я дуже часто чую твердження про те, що браузер IE6 дуже поганий, убогий і жахливий. Про те, що верстати під нього неможливо, і це не потрібно. Однак, я переконаний, що забивати на 3% користувачів не дуже розумний вчинок. Так, це небагато, проте, можу запевнити, що якщо сайт жахливо виглядає в цьому браузері, то він буде виглядати ще багато, де погано. Повірте моєму досвіду, коли я бачу сайт абсолютно убогий в IE6, то я легко знаходжу браузер (наприклад, IE8 або навіть IE9, якими користуються мільйони людей), в якому сайт має серйозні дефекти. А знаєте чому? Тому що верстальник погано зверстав. Ось чому. Не тому що IE6 поганий браузер, а тому, що верстальник ні на що не здатний. Тут є один дуже важливий нюанс. Сучасні (і хороші) браузери надають "ведмежу послугу", приховуючи ПРЯМО помилки верстальника і виводячи все так, як він хоче. А ось браузер IE6 витягує їх назовні. Однак, дійсно, у IE6 є багато недоліків, пов`язаних з відсутністю деяких властивостей, зокрема, min-width. І ось про заміну цієї властивості я розповім в цій статті.

Заміна не дуже просте, на жаль, доведеться скористатися expression:

Фактично, це заміна властивості min-width в IE6. У цьому рядку ми пишемо, що якщо ширина екрана більше 800 пікселів, то тоді елемент повинен мати ширину 20%, а інакше строго 180 пікселів. Тобто при великому дозволі елемент буде розтягуватися (як і в інших браузерах), а при малому зафіксується розмір, що, власне, і робить властивість min-width в інших браузерах.

Відео: Bootstrap 3 compatible min / max-width CSS3 Media Queries (for IE 6-8)

Я Вам так скажу. Дійсно, в IE6 не вистачає багато CSS-властивостей, проте, їх більш ніж достатньо для того, щоб сайт виглядав якщо і не так же, то хоча б адекватно (подивіться на мій сайт в цьому браузері). І подумайте над тим, що Ви пишете в HTML-коді, коли Ви навіть не закриваєте HTML-теги, що легко прощають сучасні браузери, а IE6 не прощає.

Якщо Ви отверсталі сторінку, яка прекрасно виглядає в Firefox 5 і Opera 11, а просто жахливо виглядає в IE6, то знайте - Ви верстали дуже погано. І подивіться на Вашу сторінку в інших найпопулярніших браузерах: IE8, IE9, Opera 10, Opera 9, Safari, Google Chrome, Firefox 3. Упевнений, що на 99.9% Ви знайдете серйозні дефекти. А причиною тому є не IE6, а Ваш код.