Включить режим совместимости только для ие7, как?

Zverushka · July 12, 2013

Возникла такая проблема, в верстке есть 3 резиновые колонки, из-за наличия у них еще и паддингов, пришлось включить блочную модель типа border-box, но только вот эту модель не понимает ие7 и ие6(на 6 пофиг). Но он ее использует в режиме квиркс мода.

Можно ли как-то включить этот режим только для ие7?

И еще, я так поняла, что средствами jQuery я не смогу обнаружить, что у меня ие7? Только с помощью чистого javascript?)

Edited July 12, 2013 by Zverushka

Николя223 · July 12, 2013

Возникла такая проблема, в верстке есть 3 резиновые колонки, из-за наличия у них еще и паддингов, пришлось включить блочную модель типа border-box, но только вот эту модель не понимает ие7 и ие6(на 6 пофиг). Но он ее использует в режиме квиркс мода. Можно ли как-то включить этот режим только для ие7?

можно условными комментариями для IE7 и

Zverushka · July 12, 2013

Есть информация, что Мета тег X-UA-Compatible управляет режимом отображением страниц в браузерах IE8+. И в родном ие7 ничего не изменится. Так ли это?

Edited July 12, 2013 by Zverushka

Zverushka · July 12, 2013

Че-то я запарилась, написала скрипт, делающий бордер-бокс, только вот не могу его затестить нормально (с виду работает в режиме эмуляции из 10го осла, но у меня подозрения, что может не работать). Пыталась поставить virtual pc на виндовс 8, да чет не ставится (.

Кстати jquery не может вычленить свойство css width ($(this).css('width)) в процентах? а то выдает пиксели, хотя в стилях задано в процентах.

SelenIT · July 12, 2013

Есть информация, что Мета тег X-UA-Compatible управляет режимом отображением страниц в браузерах IE8+. И в родном ие7 ничего не изменится. Так ли это?

К сожалению, так. Сам когда-то искал варианты, думал в сторону условного коммента перед доктайпом и т.п., но рабочего решения так и не нашел...

Zverushka · July 12, 2013

Можно перед доктайпом пробелы добавить, но тогда какие еще версии ие включатся в режим совместимости?

npofopr · July 12, 2013

Страшные вещи вы какие то говорите...

Это не помогает http://habrahabr.ru/sandbox/47979/ (сам не читал)

И не лучше ли выложить макет? Может всё можно решить совсем другими способами.

Николя223 · July 12, 2013

Я правильно понимаю, если не будет доктайпа, то браузер уйдет в quirk mode?

тогда так..


<?PHP
if ( stristr($_SERVER['HTTP_USER_AGENT'], 'MSIE 7.0'))
{ echo '';}else
{echo '<!DOCTYPE HTML>';}
?>

<HTML>
<HEAD>
<title></title>
</HEAD>

Edited July 12, 2013 by Николя223

Zverushka · July 12, 2013

Страшные вещи вы какие то говорите...
Это не помогает http://habrahabr.ru/sandbox/47979/ (сам не читал)
И не лучше ли выложить макет? Может всё можно решить совсем другими способами.

Да вот уже собственно готовый сайт с резиновыми колонками в ие7 за счет скрипта.

http://vtest.uphero.com/4/rubber_layout/

То есть по идее все работает и помощь не нужна.

SelenIT · July 12, 2013

А вот сейчас, кажется, подумал и нашел решение:

Алгоритм:

1) Ставим перед доктайпом HTML-коммент. Это сбросит IE6-7-8-9 в Quirks, другим браузерам не помешает.

2) Ставим <meta http-equiv="X-UA-Compatible"content="IE=Edge">. Это заставляет IE8-9 переключаться в стандартный режим независимо от доктайпа и всего с ним связанного, на IE7- это не влияет.

3) Таким образом, в IE7 (и ниже) по построению имеем Quirks, во всём остальном — стандартный режим. И значит,

4) PROFIT!

P.S. Как всегда оказалось, что моя мысль запоздала года этак на полтора: http://t.co/impFmNIE0m — эх...

antonKar · July 12, 2013

И еще, я так поняла, что средствами jQuery я не смогу обнаружить, что у меня ие7? Только с помощью чистого javascript?

Свойство $.browser было удалено в jQuery с версии 1.9, в более ранних версиях можно использовать это свойство для определения браузера и его версии.

Кстати jquery не может вычленить свойство css width ($(this).css('width)) в процентах? а то выдает пиксели, хотя в стилях задано в процентах.

Только в пикселях. Для получения значения в процентах сравнивайте с шириной у родителя, относительно которого вам надо получить ширину в процентах. Математика в помощь.

И да, ширину получать лучше через $(this) .width() или $(this).outerWidth()

Edited July 12, 2013 by antonKar

sigma77 · July 12, 2013

А не проще ли добавить один внутренний блок и уже ему задать паддинг?

SelenIT · July 12, 2013

Проще. Но зачем, если >97% браузеров в этом не нуждаются? Кстати, скрипт автора темы (как и большинство др. полифиллов для box-sizing) именно это и делает

antonKar · July 13, 2013

Пыталась поставить virtual pc на виндовс 8, да чет не ставится (.

Его можно установить только на Windows 7

sigma77 · July 13, 2013

Проще. Но зачем, если >97% браузеров в этом не нуждаются? Кстати, скрипт автора темы (как и большинство др. полифиллов для box-sizing) именно это и делает

Зачем использовать скрипт, когда и без него можно обойтись? 7-й осел и так тормознутый, а еще и лишний скрипт на него навешивать, тем более, что действительно он делает ровно тоже самое.

К тому же я считаю, что в данном случае лишняя обертка и не помешает.

В принципе обертку для ИЕ7 можно сделать и без скрипта, чисто условными комментариями.

п.с. И вообще мне box-sizing почему-то не очень нравится.

SelenIT · July 13, 2013

7-й осел и так тормознутый, а еще и лишний скрипт на него навешивать

Те, кто сидит на нем в 2013-м (именно на 7-м, а не на 8-м в Compat. View при надобности) это заслужили

в данном случае лишняя обертка и не помешает

Она практически никогда не мешает (кроме случаев, когда она рвет цепочку 100% высоты), это да. Но обидно же: прогресс идет, повсюду вокруг всё такое адаптивно-отзывчивое, анимированное, переливающееся, высокотехнологичное — а тут мы такие с дедовскими приемами эпохи прощания с 98-й виндой, с необходимостью поддерживать обе боксовые модели. При том, что «волшебного пинка» просят от силы пара-тройка процентов аудитории (в смысле, браузеров, а не пользователей, конечно... хотя... ), для остальных задача решается просто и естественно...

И вообще мне box-sizing почему-то не очень нравится

Привычка. Столько лет ее внедряли как «единственно верную» в противовес «старой кривой IEшной» (хотя у Нетскейпа было аналогично). Но по гамбургскому-то счету border-box же удобнее, неужели нет?

Sign In

Включить режим совместимости только для ие7, как?

Question

Link to comment

Share on other sites

15 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information