Повторю, потому что «более пяти лет назад» не могло быть «однажды». Могу предположить, что у автора либо опыт незначительный, как минимум был, либо это не его сфера и он однажды случайно верстал.
Можно даже на хабре поднять историю и посмотреть какие холивары были на тему «отказываться или нет от IE6», и как заглушки делали для этого браузера. Это было всё менее пяти лет назад.
Почитал и ответил. Можете тоже почитать теперь мой ответ.
Касаемо кроссбраузерности, насколько я знаю обычно понимают под этим поддержку самых известных обозревателей и о версиях речи не идёт.
Ну насколь вы знаете может быть. Я же говорю, как было ещё пару лет назад. Сейчас IE6 канул в лету, и это не может не радовать. Жизнь у IE8 тоже заканчивается. Однако слово кроссбраузерность не сильно поменяло значение. И оно не подразумевает полное соответствие современным браузерам (уже вики почти цитирую), но как минимум должно иметь обратную совместимость (graceful degradation или progressive enhancement). Об этом тут упоминали помимо меня.
И именно поэтому и не только (есть и другие причины, у каждого свои) многие стараются избавиться от слов кроссбраузерная верстка и используют только в маркетинговых целях, ибо кроссбраузерная верстка, которая подразумевает как минимум IE8, как было замечено ранее, стоит дороже. Про наценку для требуется IE6 даже упоминать не стоит.
Слово «кроссбраузерность» — было и, думаю, будет означать максимальное число поддерживаемых браузеров, а не только современных. А у автора проблемы явно не только с IE6-8.
В общем я не вижу смысла продолжать холивар ни о чём.
Windows Internet Explorer 8 (IE8) вышел 19 марта 2009 года
За год он набрал 11%. IE6 около 7% по забугорной статистики.
Итого более 5 лет назад IE8 только начинал появлятся. IE7 был не намного лучше IE6 и он обычно вообще в расчет не брался, шел на равне с IE6. Поэтому более 5 лет назад он не мог верстать отказатсья от IE6, как ни крути.
Вот видите, вы, как jamepock выше, пишите ключевые слова «актуальных», «современных». В этом большая разница.
А про «больше 5 лет назад» вы всё лукавите:
Windows Internet Explorer 8 (IE8) вышел 19 марта 2009 года
И статистика ровно пять лет назад была такова (не российская, она всегда была раньше печальнее):
Третье место, можно сказать, разделили IE7 и IE8, набравшие 11.79% и 11.59% соответственно.
Далее идут Firefox 3.0 и Opera 9.6, набравшие в районе 7.5% процентов каждый.
И в качестве новогоднего подарка — доля IE6 составила всего 6.72%.
Давайте перефразирую ещё раз свой первый ответ в этой дискуссии — я не пытался сказать, что надо верстать под IE6, или даже IE8. И даже не говорил, что надо разрабатывать примеры под них. Но и привирать не надо, вранья маркетингового и так полно в нашей жизни. У автора явно пример «для современных браузеров», но ни как не кроссбраузерное решение.
А то что вы тут все докопались до упомянутых мной ишаков, это ровно тоже, что у автора упомянута всуе кроссбраузерность. Это больная мозоль, если вам так понятнее будет.
Давайте поступим по другому, раз вам всем прям в глазу мозоль натерли три буквы IE6, а остальная часть моего поста игнорируется полностью.
Предположим, на фриланс бирже будет заказ «сверстать макет, кроссбраузерно». Попробуйте ответить себе честно — у вас к заказчику не возникнет вопроса: «кроссбраузерность с IE6 или IE8?» Только честно, подумайте. Уверен что возникнет. А отсюда делаем какой вывод? Подсказку дать, уважаемые технари, или сами проанализируете ситуацию?
Ну это началось много лет назад. Ну и само слово говорит за себя.
Ваш вопрос звучит как «а почему красный шарик красный?»
На данный момент, под современные реалии я сделал пометку: «в край IE8+, но во втором случае не упоминают кроссбраузерность, а так и пишут IE8+». Или вы считает IE8 неактуальным? Так же вам выше упомянули о проблемах в Сафари.
Ну и замечательно, что остальную часть сообщения проигнорировали.
Картинка в base64 (стрелочки), разумеется причина отличается от тех, что описаны в статье, сделано чтобы не ссылаться на сторонние ресурсы и разумеется можно заменить на любой путь до картинки.
Кроссбраузерность — это работает везде, где работают label
Давно у нас кроссбраузерность 9+? Кроссбраузерность вроде IE6+. в край IE8+, но во втором случае не упоминают кроссбраузерность, а так и пишут IE8+.
Судя по комментариям много где не работает. Вы бы хотя бы, ради любопытства, сравнили бы с таблицей на caniuse.com
Относительная легкость — код не перенасыщен лишними элементами
Лишний элемент <input type="radio" name="OS">, который вносит свои лишние программные корректировки на стороне сервера.
Гибкость — не придется дописывать новых стилей при добавлении пунктов выбора
А вот тут начинаются проблемы, если необходимо будет использовать стандартные возможности select — accesskey, autofocus, required, а так же не предусмотрен optgroup, хотя его и можно легко реализовать (для тех кто может легко — статья не интересна, для тех, кому интересна статья — легко не сможет ).
В целом данный способ ничего нового не несёт, в нем скомбинированы выпадающее меню и кастомизация input (checkbox и radio). Но может вызвать множество головной боли. Если надо кастомизировать select — лучше воспользоваться старым добрым способом — сокрытие стрелки и создание своей. Остальное всё вполне разукрашивается и даже более «кроссбраузерно», чем данный пример и имеет все преимущества и нет недостатков данного примера.
Так и одежду можно будет также замутить.
— Сначала один туфля, потом второй, а в третьей посылке — шнурки шитые золотой нитью.
— Сначала одну штанину, потом вторую и на агнитиках или молниях соединять. Рукава и штанины отстегивающиеся на комсюме спортивном у меня были ещё 15 лет назад.
:D
Встроенные эмуляторы старых версий работают не так, как старые браузеры. Мне пришлось скачивать сборку винды со старыми браузерами, ибо IE9.js не заработал в режиме IE8. Сложно им поместить всё в одну винду. И таких сборок у них на сайте лежит много, разные винды под виртуалки на разных ОС. Можете прикинуть сколько надо места на диске для всех версий браузеров, если архив с образов весит около 4 гигабайт, распаковывается в те же 4 гигабайта, а потом импортируется в виртуалку на 8 гигабайт. И таких образов надо скачать десяток.
Пришла пора, когда ради отдельной версии браузера необходимо качать отдельную ОС. И конечно выделились на этом фоне MS с IE.
Хорошо что под другие ОС они браузер свой не разрабатывали.
Я верстал на днях. В виртуалке стояла вин8.1 с IE11. И знаете, я три дня убил на него. Криво всё работало, инструменты разработчика не открывались (будем считать это кривая сборка Вин8.1). В итоге скачал другую сборку, с оф.сайта modern.IE. А верстка всё равно плывет, как будто открыл в IE6. Но инструменты разработчика в скаченой винде мне показали, что IE закрывает HTML5 теги сразу, при чем закрытые тоже.
И знаете в чем оказалась проблема? ТРИ ДНЯ я потратил на то, чтобы понять, что IE11 не умеет открывать локальные файлы с HTML5 тегами!!!
Ответ на данную проблему у меня мелькал в голове и я до последнего не хотел в это верить и выпускать виртуальную машину в сеть или поднимать сервер локальный.
По делу это практически предприятие со строгим пропускным контролем или некий вахтовый метод. Ну разве только в первом случае не кормят. И это уже не фриланс, а его антипод. Это уже РАБочий.
Можно даже на хабре поднять историю и посмотреть какие холивары были на тему «отказываться или нет от IE6», и как заглушки делали для этого браузера. Это было всё менее пяти лет назад.
habrahabr.ru/search/?q=ie6
Ну насколь вы знаете может быть. Я же говорю, как было ещё пару лет назад. Сейчас IE6 канул в лету, и это не может не радовать. Жизнь у IE8 тоже заканчивается. Однако слово кроссбраузерность не сильно поменяло значение. И оно не подразумевает полное соответствие современным браузерам (уже вики почти цитирую), но как минимум должно иметь обратную совместимость (graceful degradation или progressive enhancement). Об этом тут упоминали помимо меня.
И именно поэтому и не только (есть и другие причины, у каждого свои) многие стараются избавиться от слов кроссбраузерная верстка и используют только в маркетинговых целях, ибо кроссбраузерная верстка, которая подразумевает как минимум IE8, как было замечено ранее, стоит дороже. Про наценку для требуется IE6 даже упоминать не стоит.
Слово «кроссбраузерность» — было и, думаю, будет означать максимальное число поддерживаемых браузеров, а не только современных. А у автора проблемы явно не только с IE6-8.
В общем я не вижу смысла продолжать холивар ни о чём.
2015 — 5 = 2010
За год он набрал 11%. IE6 около 7% по забугорной статистики.
Итого более 5 лет назад IE8 только начинал появлятся. IE7 был не намного лучше IE6 и он обычно вообще в расчет не брался, шел на равне с IE6. Поэтому более 5 лет назад он не мог верстать отказатсья от IE6, как ни крути.
А про «больше 5 лет назад» вы всё лукавите:
И статистика ровно пять лет назад была такова (не российская, она всегда была раньше печальнее):
geektimes.ru/post/80073/
Давайте перефразирую ещё раз свой первый ответ в этой дискуссии — я не пытался сказать, что надо верстать под IE6, или даже IE8. И даже не говорил, что надо разрабатывать примеры под них. Но и привирать не надо, вранья маркетингового и так полно в нашей жизни. У автора явно пример «для современных браузеров», но ни как не кроссбраузерное решение.
А то что вы тут все докопались до упомянутых мной ишаков, это ровно тоже, что у автора упомянута всуе кроссбраузерность. Это больная мозоль, если вам так понятнее будет.
Ну да, из всех претензий в моем сообщение — до#$лись только до слова IE6, ну или пусть даже IE8, который лично вы не поддерживаете.
На этот случай есть устоявшееся словосочетание «под актуальные браузеры» или «под современные браузеры».
Предположим, на фриланс бирже будет заказ «сверстать макет, кроссбраузерно». Попробуйте ответить себе честно — у вас к заказчику не возникнет вопроса: «кроссбраузерность с IE6 или IE8?» Только честно, подумайте. Уверен что возникнет. А отсюда делаем какой вывод? Подсказку дать, уважаемые технари, или сами проанализируете ситуацию?
Ваш вопрос звучит как «а почему красный шарик красный?»
На данный момент, под современные реалии я сделал пометку: «в край IE8+, но во втором случае не упоминают кроссбраузерность, а так и пишут IE8+». Или вы считает IE8 неактуальным? Так же вам выше упомянули о проблемах в Сафари.
Ну и замечательно, что остальную часть сообщения проигнорировали.
Автор заявил, что его решение кроссбраузерное, а это явная ложь. И не важно — надо кому-то IE6, тем более если это не для production.
Если верстальщик подобное решение не знает (хотя бы раздельно), то это плохой верстальщик.
Давно у нас кроссбраузерность 9+? Кроссбраузерность вроде IE6+. в край IE8+, но во втором случае не упоминают кроссбраузерность, а так и пишут IE8+.
Судя по комментариям много где не работает. Вы бы хотя бы, ради любопытства, сравнили бы с таблицей на caniuse.com
Лишний элемент
<input type="radio" name="OS">
, который вносит свои лишние программные корректировки на стороне сервера.А вот тут начинаются проблемы, если необходимо будет использовать стандартные возможности select — accesskey, autofocus, required, а так же не предусмотрен optgroup, хотя его и можно легко реализовать (для тех кто может легко — статья не интересна, для тех, кому интересна статья — легко не сможет ).
В целом данный способ ничего нового не несёт, в нем скомбинированы выпадающее меню и кастомизация input (checkbox и radio). Но может вызвать множество головной боли. Если надо кастомизировать select — лучше воспользоваться старым добрым способом — сокрытие стрелки и создание своей. Остальное всё вполне разукрашивается и даже более «кроссбраузерно», чем данный пример и имеет все преимущества и нет недостатков данного примера.
На скорую руку пример jsfiddle.net/BaNru/9njyweL0/
— Сначала один туфля, потом второй, а в третьей посылке — шнурки шитые золотой нитью.
— Сначала одну штанину, потом вторую и на агнитиках или молниях соединять. Рукава и штанины отстегивающиеся на комсюме спортивном у меня были ещё 15 лет назад.
:D
Встроенные эмуляторы старых версий работают не так, как старые браузеры. Мне пришлось скачивать сборку винды со старыми браузерами, ибо IE9.js не заработал в режиме IE8. Сложно им поместить всё в одну винду. И таких сборок у них на сайте лежит много, разные винды под виртуалки на разных ОС. Можете прикинуть сколько надо места на диске для всех версий браузеров, если архив с образов весит около 4 гигабайт, распаковывается в те же 4 гигабайта, а потом импортируется в виртуалку на 8 гигабайт. И таких образов надо скачать десяток.
Пришла пора, когда ради отдельной версии браузера необходимо качать отдельную ОС. И конечно выделились на этом фоне MS с IE.
Хорошо что под другие ОС они браузер свой не разрабатывали.
И знаете в чем оказалась проблема? ТРИ ДНЯ я потратил на то, чтобы понять, что IE11 не умеет открывать локальные файлы с HTML5 тегами!!!
Ответ на данную проблему у меня мелькал в голове и я до последнего не хотел в это верить и выпускать виртуальную машину в сеть или поднимать сервер локальный.
Можете считать меня слоупоком.