Запрет отображения сайта в IE-8

@sheila · Регистрация: 10.05.2012

Студворк — интернет-сервис помощи студентам

Привет!
Почти доделала сайт, но появилась одна проблема в IE.. или мне кажется, что она появилась. Когда проверяю сайт в IE tester и через http://netrenderer.com/ у меня сайт выглядит как на скриншоте внизу (header и все, что под ним все в смятку)) И это во всех версиях IE! Я проверяла сайт в IE-10 на двух компьютерах - все нормально! Через какой сервис проверить сайт еще можно, чтобы точно быть уверенной в ошибке, прежде, чем начать все переверстывать. И еще вопрос- как запретить сайт к показу до IE-8, пишу через комментарии -

HTML5
1
2
3
4
5
6
<!--[if lt IE 9]>
<div style="color: red; font-weight: 600; font-size: 40px; text-align: center;">Вы используете устаревшую версию Internet Explorer. <br />
Пожалуйста обновите браузер до новой версии не ниже IE-9</div>
<div class="all_wrapper" style="display:none;"></div>
<div id="topestmenu" style="display:none;"></div>
<![endif]-->

сервисы проверки по -прежнему отображают сайт в старых версиях IE, что не так делаю, буду благодарна за подсказку!

@Songo · 21.06.2013, 01:33

Сообщение от sheila

Когда проверяю сайт в IE tester

А в IE Testere в какой версии IE отображает так сайт как на скрине?

Сообщение от sheila

сервисы проверки по -прежнему отображают сайт в старых версиях IE

Ну так он выводит сообщение сверху, что браузер старый и нужно обновится.
Можно перенаправить юзера:

HTML5
1
2
3
<!--[if lt IE 9]>
<script type="text/javascript">window.location.href="http://куда отправить"</script>
<![endif]-->;

@sheila · 21.06.2013, 02:15 **[ТС]**

IE tester так во всех версиях IE сайт отображает, вот что странно! Я хочу сайт вообще запретить к показу в версиях IE-6 и IE-7, пробовала написать body и html

CSS
1
display:none;

но сайт по прежнему отображается в разломанном виде (если верить IE -tester), а нужно, чтобы выводилась надпись об обновлении версии на чистом белом экране и все. Вроде бы комментарии пишу правильно, почему верстка не исчезает - непонятно)

@superpuper · 21.06.2013, 02:42

А html жалко выложить? Мы не украдём.
Там где-то ошибка.
http://validator.w3.org/

@Songo · 21.06.2013, 11:08

Сообщение от sheila

проверяла сайт в IE-10 на двух компьютерах - все нормально!

Если в IE Testere в режиме IE10 глючит - значит проблемы самого Тестера, возможно используете старую версию (последняя v0.5.2).

Сообщение от sheila

Я хочу сайт вообще запретить к показу в версиях IE-6 и IE-7

Вставьте это, вместо своего комента и укажите ссылку на какую нибудь страничку типа Ошибка, или на сайт браузера нормального.

HTML5
1
2
3
<!--[if lt IE 8]>
<script type="text/javascript">window.location.href="http://куда отправить"</script>
<![endif]-->

@sheila · 21.06.2013, 15:33 **[ТС]**

Большое спасибо все за ответы, уже очень помогли. Я делала дизайн и верстку и натягивала на webasyst на готовый программный каркас шаблона. Может, я зря беспокоюсь, но меня смущает, что в шаблоне нет Doctype и кодировки. Не знаю, может для этого фреймворка - это нормально.. и может быть именно это вызывает ошибку валидатора и сервисов проверки. Переверстать весь шаблон - сейчас задача уже нереальная. Можно ли с тем, что есть нормально отобразить шаблон в IE? И как быть уверенной, что хотя бы в IE-9 сайт отображается нормально, хотелось, бы, конечно, чтобы и в IE-8 тоже нормально было. Просмотр в IE-6 и IE-7 можно просто запретить.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<html dir="ltr">
<head></head>
<body>
<!--  BODY -->
<div id="topestmenu">
<div id="topwrapper"><div class="zagolovok"><a href="/"></a></div><div class="topmenubutton"><ul class="buttontop"><li class="lampabutton"><a href=""></a></li><li class="lupabutton"><a href="http://mysite/index.php?ukey=auxpage_eto-interesno"></a>
</li><li class="key"><a href="http://mysite/index.php?ukey=auth"></a></li><li class="locked"><a href="http://mysite/index.php?ukey=register"></a></li><li class="email"><a href="http://mysite/index.php?ukey=feedback"></a></li><li class="convertbutton"><a href="http://mysite/index.php?ukey=auxpage_kontakt"></a></li></ul></div></div>
</div>
<div class="all_wrapper">
<div class="body_container">
<div class="aksia"><div class="aksia words"><!-- cpt_container_start -->
<div class="cpt_custom_html"><div style="text-align: center; margin-top:30px;">
</br>
<p style="text-align: center;"><span style="color: #e7db20; text-decoration: underline; font-family: georgia,palatino; font-size: 200%;"><em><strong>Акция!!!</strong></em></span></p>
</br>
<p style="text-align: center;"><span style="font-family: georgia,palatino; color: #e7db20; font-size: 120%; font-weight:bold;"><strong>ВСЕ ЛЕТО</strong></span></p>
<p style="text-align: center;"><span style="font-family: georgia,palatino; color: #fa331d; font-size: 150%; font-weight:bold;">СКИДКА 5%</strong></span></p>
<p style="text-align: center;"><span style="font-family: georgia,palatino; color: #e7db20; font-size: medium; font-weight:bold;">на кабельную подукцию!</strong></span></p>
</div></br></div>
<!-- cpt_container_end --></div></div>
<div class="mainslide">
<div class="poisk"> <!-- cpt_container_start -->
<div class="cpt_product_search cptovst_889gry"><form action="/index.php?ukey=search" method="get">
<input type="hidden" name="ukey" value="search" >
<input type="text" id="searchstring" name="searchstring" value='Поиск товаров' title="Поиск товаров" class="input_message" >
<input type="submit" value="Найти" >
</form></div>
<!-- cpt_container_end --></div>
<div class="slidercontainer">
<div class="logotip"></div>
<div class="logotiplights">
</div>
<div class="cycle-slideshow">
<img src="http://mysite/published/publicdata/my/attachments/SC/images/lampa.jpg" data-cycle-fx=tileSlide data-cycle-tile-vertical=false>
<img src="http://mysite/published/publicdata/my/attachments/SC/images/vtoroyslide.jpg" data-cycle-fx=tileBlind data-cycle-tile-count=12>
<img src="http://mysite/published/publicdata/my/attachments/SC/images/thirdslide3.jpg" data-cycle-fx=tileSlide data-cycle-tile-count=4>
</div>
<div class="oborudovanie">
</div>
</div>
<div class="top_menu_container">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td id="container_top_menu">
        <!-- cpt_container_start -->
<div class="cpt_auxpages_navigation"><ul class="horizontal"><li><a href="/index.php?ukey=auxpage_kompani">О компании</a></li><li><a href="/index.php?ukey=auxpage_otzyvy">Отзывы</a></li><li><a href="/index.php?ukey=auxpage_eto-interesno">Это интересно</a></li><li><a href="/index.php?ukey=auxpage_proizvoditeli">Производители</a></li><li><a href="/index.php?ukey=auxpage_kontakt">Контакты</a></li></ul></div>
<!-- cpt_container_end -->
    </td>
  </tr>
</table>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="main_container">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td id="container_left_sidebar">
        <!-- cpt_container_start -->
<div class="cpt_custom_html"><div class="col_header bluebg"><div class="katalogdiv">Каталог
<img class="advert" src="http://mysite/published/publicdata/my/attachments/SC/images/advert.jpg">
<p class="katalogs">Прекрасный ассортимент, грамотные специалисты, привлекательные  цены. </p>
</div>
</div></div>
 
<div class="cpt_custom_html"><div class="price_temp" style="text-align:center;"></br><a href="http://mysite/material/price.xls" target="_self"><u>Прайс-лист</u></a></div></br></div>
 
<div class="cpt_custom_html"><div class="reklama">
<p class="reclamalead">Реклама</p>
<p class="reclamaimg"><a title="ООО Мой сайт" href="http://mysite/material/foto/reklama_1.jpg" target="_blank"><img title="ООО Мой сайт" alt="ООО Мой сайт" src="http://mysite/published/publicdata/my/attachments/SC/images/reclama.png"></a></p><br>
</div></div>
<!-- cpt_container_end -->
        </td>
    <td id="container_main_content">
<div class="ribbon"></div>
         <!-- cpt_container_start -->
<div class="cpt_maincontent"><!-- cpt_container_start -->
<div class="cpt_custom_html"></div>
 
<div class="cpt_custom_html"><div class="textvitrina">
<h2></h2>
<h2> </h2>
<p style="text-align: justify; margin: 7px 7px 7px 7px;"><span style="font-family: georgia,palatino; color: #000; text-decoration: underline; font-size: medium;">У нас вы можете приобрести:<o:p></o:p></span></p>
<p style="text-align: justify; margin: 0cm 0cm 0pt;"><span style="font-family: georgia,palatino; color: black; font-size: medium;">- кабельную продукцию;</span></p>
<p style="text-align: justify; margin: 0cm 0cm 0pt;"><span style="font-family: georgia,palatino; color: black; font-size: medium;">- системы для прокладки кабеля;</span></p>
<p style="text-align: justify; margin: 0cm 0cm 0pt;"><span style="font-family: georgia,palatino; color: black; font-size: medium;">- .установочные;<o:p></o:p></span></p>
<p style="text-align: justify; margin: 0cm 0cm 0pt;"><span style="font-family: georgia,palatino; color: black; font-size: medium;">- светотехнические изделия;<o:p></o:p></span></p>
<p style="text-align: justify; margin: 0cm 0cm 0pt;"><span style="font-family: georgia,palatino; color: black; font-size: medium;">- низковольтное оборудование;<o:p></o:p></span></p>
<p style="text-align: justify; margin: 0cm 0cm 0pt;"><span style="font-family: georgia,palatino; color: black; font-size: medium;">- инструменты.</span></p>
<a class="price" href="http://mysite/material/price.xls"><p style="text-align: justify; color: #fff; margin: 14px 7px 0 352px; background:url('http://mysite/published/publicdata/my/attachments/SC/images/flagok.png') 0 0 no-repeat scroll; width:126px; height:23px; display:block; position:relative; padding-top:2px;"><span style="font-family: georgia,palatino; color: #fff; font-weight:bold; font-size: 14px; margin-left:17px;">Прайс-лист</span></p></a>
<p style="text-align: justify; color: #000; margin: 30px 37px 17px 17px;"><span style="font-family: georgia,palatino; color: #fff; font-size: 13px;">А еще - мы учимся сами и обучаем персонал граммотной работе с клиентом!
 Ассортимент, рассчитанный на любой кошелек, гибкая система кредитования, любая форма сотрудничества (наличный и безналичный расчет), скидки оптовым покупателям, оплата пластиковыми картами, возможность заказа товара по каталогам, помогут сократить дистанцию между продукцией и ее покупателем.</span></p>
<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">
<nobr id="trueContainer"> <a href="http://mysite/index.php?ukey=auxpage_proizvoditeli"><img src="http://mysite/published/publicdata/my/attachments/SC/images/1.png" border=1></a> <a href="http://mysite/index.php?ukey=auxpage_proizvoditeli"><img src="http://mysite/published/publicdata/my/attachments/SC/images/2.png" border=1></a> <a href="/"><img src="http://mysite/published/publicdata/my/attachments/SC/images/3.png" border=1></a> <a href="http://mysite/index.php?ukey=auxpage_proizvoditeli"><img src="http://mysite/published/publicdata/my/attachments/SC/images/4.png" border=1></a> <a href="http://mysite/index.php?ukey=auxpage_proizvoditeli"><img src="http://mysite/published/publicdata/my/attachments/SC/images/5.png" border=1></a>
<a href="/"><img src="http://mysite/published/publicdata/my/attachments/SC/images/6.png" border=1></a>
<a href="http://mysite/index.php?ukey=auxpage_proizvoditeli"><img src="http://mysite/published/publicdata/my/attachments/SC/images/7.png" border=1></a>
<a href="/"><img src="http://mysite/published/publicdata/my/attachments/SC/images/8.png" border=1></a>
<a href="http://mysite/index.php?ukey=auxpage_proizvoditeli"><img src="http://mysite/published/publicdata/my/attachments/SC/images/9.png" border=1></a></nobr>
</div>
</div>
</div></div>
<!-- cpt_container_end --></div>
<!-- cpt_container_end -->
    </td>
          <td id="container_right_sidebar">
         <!-- cpt_container_start -->
<div class="cpt_custom_html"><div class="col_header bluebg">Блог / Новости</div></div>
<!-- cpt_container_end -->
         <!-- cpt_container_start -->
<div class="cpt_news_short_list"><form action="/index.php" name="subscription_form" method="post" onSubmit="return validate(this);">
        <div class="news_date">10.06.2013 13:08:35</div>
    <div class="news_title"><a style="color: inherit; text-decoration: none; font-weight: inherit;" href="/index.php?ukey=news&amp;blog_id=8">Работа в праздничные дни</a></div>
        <div class="news_date">08.05.2013 19:36:27</div>
    <div class="news_title"><a style="color: inherit; text-decoration: none; font-weight: inherit;" href="/index.php?ukey=news&amp;blog_id=7">Вакансии</a></div>
            <div class="news_viewall">
        <a href="/index.php?ukey=news">Смотреть все...</a>
    </div>
        
        <div class="news_subscribe">
                Подписаться на новости:
        <div><input type="text" name="email" value="Email" title="Email" class="input_message" ></div>
        <div><input type="submit" value="OK" >
        или <a href="/published/SC/html/scripts/rssfeed.php?type=blog&amp;lang=ru"><img src="/published/SC/html/scripts/images_common/rss-feed.png" alt="RSS 2.0"  style="padding-left:10px;"></a>       </div>
    </div>
    
    <input type="hidden" name="subscribe" value="yes" >
 
    </form></div>
<!-- cpt_container_end -->
         <!-- cpt_container_start -->
<div class="cpt_custom_html"><div class="col_header middlebluebg">Голосование</div></div>
 
<div class="cpt_survey">
<div class="survey_question">Какого производителя .установочных изделий Вы предпочитаете?</div>
    
        <form action="/index.php" method="get">
    
    <input type="hidden" name="save_voting_results" value="yes" >
    <table>
        <tr>
        <td><input type="radio" name="answer" id="srv-answer-0" value="0" ></td>
        <td><label for="srv-answer-0">EKF</label></td>
    </tr>
        <tr>
        <td><input type="radio" name="answer" id="srv-answer-1" value="1" ></td>
        <td><label for="srv-answer-1">IEK</label></td>
    </tr>
        <tr>
        <td><input type="radio" name="answer" id="srv-answer-2" value="2" ></td>
        <td><label for="srv-answer-2">ABB   </label></td>
    </tr>
        <tr>
        <td><input type="radio" name="answer" id="srv-answer-3" value="3" ></td>
        <td><label for="srv-answer-3">Schneider Electric   </label></td>
    </tr>
        <tr>
        <td><input type="radio" name="answer" id="srv-answer-4" value="4" ></td>
        <td><label for="srv-answer-4">Legrand   </label></td>
    </tr>
        <tr>
        <td><input type="radio" name="answer" id="srv-answer-5" value="5" ></td>
        <td><label for="srv-answer-5"></label></td>
    </tr>
        </table>
    
    <div class="survey_submit"><input type="submit" value="OK" ></div>
    
    </form>
</div>
<!-- cpt_container_end -->
         <!-- cpt_container_start -->
<div class="cpt_custom_html"><!-- Gismeteo informer START -->
<link rel="stylesheet" type="text/css" href="http://www.gismeteo.ru/static/css/informer2/gs_informerClient.min.css">
<div id="gsInformerID-bjbel16d05PtiF" class="gsInformer" style="width:240px;height:243px">
  <div class="gsIContent">
    <div id="cityLink">
      <a href="http://www.gismeteo.ru/city/daily/5137/" target="_blank"></a>
    </div>
    <div class="gsLinks">
      <table>
        <tr>
          <td>
            <div class="leftCol">
              <a href="http://www.gismeteo.ru" target="_blank">
                <img alt="Gismeteo" title="Gismeteo" src="http://www.gismeteo.ru/static/images/informer2/logo-mini2.png" align="absmiddle" border="0" />
                <span>Gismeteo</span>
              </a>
            </div>
            <div class="rightCol">
              <a href="http://www.gismeteo.ru/city/weekly/5137/" target="_blank">Прогноз на 2 недели</a>
            </div>
            </td>
        </tr>
      </table>
    </div>
  </div>
</div>
<script src="http://www.gismeteo.ru/ajax/getInformer/?hash=bjbel16d05PtiF" type="text/javascript"></script>
<!-- Gismeteo informer END --></div>
<!-- cpt_container_end -->
      </td>
      </tr>
</table>
</div>
<div class="footer_container">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td id="container_footer">
<div id="footer_wrapper">
<div class="social_buttons">
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
 data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus,surfingbird"></div> 
</div>
<div class="small_copy" style="text-align:center; width="1000px;"><i>&copy; <a href="http://mysite/"><u>Моя компания</u></a></i></div>
<div class="all_rights">
All rights received
</div>
<div class="clearfix">
</div>
</div>
        <!-- cpt_container_start -->
<div class="cpt_divisions_navigation"><ul class="horizontal"><li><a href="/index.php?ukey=home">Главная страница</a></li><li><a href="/index.php?ukey=register">Зарегистрироваться</a></li><li><a href="/index.php?ukey=auth">Вход с паролем</a></li><li><a href="/index.php?ukey=feedback">Обратная связь</a></li></ul></div>
<!-- cpt_container_end -->
    </td>
  </tr>
</table>
</div>
</div>
<!--  END -->
 
    </body>
</html>

@superpuper · 21.06.2013, 16:55

Доктайп быть должен.
Кодировка не обязательно, если нормально в заголовках указана.
218 строку поправлять надо.
<br /> вместо </br>
18,19 строки - </strong> лишние

@sheila · 21.06.2013, 20:34 **[ТС]**

Спасибо! А какой именно доктайп? <!DOCTYPE html> поставить? или

HTML5
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">?

Мне еще кажется, там проблема в блоках где акция и слайдер - aksia и mainslide, они с

CSS
1
float:left;

и левый блок акция отбивается правым маржином, мне кажется, что IE увеличивает значение маржина, поэтому и сделает картинка..

@sheila · 25.07.2013, 21:42 **[ТС]**

Боролась с кодом шапки, но она все равно падает в IE8.
Как мне в этом коде

HTML5
1
2
3
<!--[if lt IE 9]>
<script type="text/javascript">window.location.href="http://куда отправить"</script>
<![endif]-->

написать нечто вроде "Ваш браузер устарел и не может корректно отображать сайты". Мне нужно, чтобы появлялась надпись об устаревшем браузере и пользователь перенаправлялся на новый.
Пишу в диве, но ничего не выводится)

HTML5
1
2
3
4
<!--[if lt IE 9]>
<div>Ваш браузер устарел и не может корректно отображать современные сайты.</div>
<script type="text/javascript">window.location.href="http://www.google.com/intl/ru/chrome"</script>
<![endif]-->

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@superpuper 103 / 103 / 48 Регистрация: 09.09.2010 Сообщений: 241
	21.06.2013, 02:42
	А html жалко выложить? Мы не украдём. Там где-то ошибка. http://validator.w3.org/ 1

@superpuper 103 / 103 / 48 Регистрация: 09.09.2010 Сообщений: 241
	21.06.2013, 16:55
	Доктайп быть должен. Кодировка не обязательно, если нормально в заголовках указана. 218 строку поправлять надо. <br /> вместо </br> 18,19 строки - </strong> лишние 1