Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Некорректное отображение сайта в браузере IE

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Zenr

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
На моем сайте zenr.ru в браузере Internet Explorer некорректно отображается боковое меню справа под тегом:

Код:
<div class="art-layout-cell art-sidebar2">

а именно сползает вниз после основного контента.
Пожалуйста помогите исправить эту ошибку.
 
Добавлено:
Отзовитесь кто-нибудь

Всего записей: 4 | Зарегистр. 17-02-2014 | Отправлено: 22:38 17-02-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Zenr
для начала - лучше поправить  
http://validator.w3.org/check?uri=zenr.ru&charset=%28detect+automatically%29&doctype=Inline&group=0
это не очень критично, но показывает несоответствие указанному доктайпу.
 
что по поводу

Цитата:
<div class="art-layout-cell art-sidebar2">

у вас в style.ie7.css для него грузится  
 
.art-content-layout .art-layout-cell {
    display: block;
    position: relative;
   float: left;
    clear: right;
}
 
 

Цитата:
Отзовитесь кто-нибудь

здесь не чат, имейте терпение

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:54 17-02-2014 | Исправлено: Cheery, 22:54 17-02-2014
Zenr

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
спс за валидатор. изменение атрибута float не помогает (

Всего записей: 4 | Зарегистр. 17-02-2014 | Отправлено: 23:05 17-02-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Zenr

Цитата:
спс за валидатор. изменение атрибута float не помогает (

и не поможет, он же у вас распространяется на все остальное тоже.
 
сравните какие css свойства блок получает в обоих браузерах и поймете разницы (все браузеры сейчас имеют встроенные средства для этого)
 
проще говоря - проблема в "адаптации" неподдерживаемого в старых версиях IE css атрибута  
display: table-row;
 
он позволяет размещать divы как в таблице.  
если убрать

Цитата:
.art-content-layout-row {
display: table-row;
}

то получите тот же результат, что и в IE
 
но ваш style.ie7.css подгружает то, что я показал выше.. переписывает display, лепит всему float: left (даже нужному вам блоку)
 
но display:table работает с IE8
http://quirksmode.org/css/css2/display.html
поэтому не совсем понятна подгрузка css стиля для IE 7 и выше.
я бы ожидал наоборот, ниже или равно по версиям )  


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:42 17-02-2014 | Исправлено: Cheery, 23:58 17-02-2014
Zenr

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ничего не смог придумать. Изменял стили .art-content-layout-row и его родительских блоков, а так же в style.ie7.css. Дайте готовое решение, скину немного $ на яндекс.

Всего записей: 4 | Зарегистр. 17-02-2014 | Отправлено: 08:23 23-02-2014
Zenr

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery

Код:
<div class="art-layout-cell art-sidebar2">
стал нормально отображаться, когда заменил

Код:
<meta http-equiv="X-UA-Compatible" content="IE=7" />

на

Код:
<meta http-equiv="X-UA-Compatible" content="IE=8" />

 
Вопрос: такое решение правильно или нужно использовать другой способ?

Всего записей: 4 | Зарегистр. 17-02-2014 | Отправлено: 08:51 05-03-2014
koreets2011



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нужно использовать другой браузер.

Всего записей: 410 | Зарегистр. 13-10-2011 | Отправлено: 12:31 11-03-2014
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Некорректное отображение сайта в браузере IE


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru