Jump to content
  • 0

Помогите понять какие стили нужно подправить

ishurgaya

Asked by ishurgaya,

 Share

Question

ishurgaya Explorer

ishurgaya

Posted
Posted

Здравствуйте.

Есть сайт http://neroceramica.ru /

 

Валится верстка в IE 8 и IE9 , IE 10.

 

Помогите понять какие стили валятся и на что можно и заменить для эксплореров.

 

Заметил что валятся  display:inline-block в меню и в списках товаров.( пробовал заменять на *zoom:1;*display:inline; ,но что то не помогает)

 

Так же margin:0 auto не работает в эксплорерах.

 

Какие еще стили нужно подправить для эксплореров ? и не могу понят почему все валиться на левую сторону это валиться ширина  или центрирование не работает для ie?

 

Заранее спасибо.

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Crystal-3 Explorer

Crystal-3

Posted
Posted

В IE8 вёрстка полностью развалилась. Я вижу, что tml5shiv вообще не подключился. Попробуйте перенести этот скрипт на самый верх, то есть поставьте его сразу после раскрывающегося тега <head>.

Link to comment
Share on other sites
  • 0
ishurgaya Explorer

ishurgaya

Posted
  • Author
Posted (edited)

перенес вверх html5shiv и поменял [if lt IE 7] на  [if lt IE 9].

может что то и поменялось ,но в ie 8 вроде также.

 

 

 

С ei11 был косяк,  стили не грузились на некоторых страницах  при включенном ЧПУ.

Решилось все добавлением к ссылкам стилей и js имени домена (из переменной) , хардкод конечно ,но чпу тож нужен.

 

Сейчас в ei11 все норм, так что с другими ie дело только в верстке скорее всего.

Edited by ishurgaya
Link to comment
Share on other sites
  • 0
ishurgaya Explorer

ishurgaya

Posted
  • Author
Posted

подскажите хотя бы на что заменить inline-block в меню и выводе товаров на главной? (*zoom:1;*display:inline; почему то не помогают)

и как расположить сайт по центру ,а не по левому краю как сейчас.

Link to comment
Share on other sites
  • 0
Crystal-3 Explorer

Crystal-3

Posted
Posted

 ishurgaya, inline-block для браузеров, которые вы перечислили, вообще не проблема, они поддерживают данное свойство. Здесь проблема в чём-то другом.

Отладчик в IЕ8 показывает, что все подключенные скрипты, метатеги, link’и находятся в body.

Обычно такое происходит когда где-то пропущена скобка > (IЕ8 не прощает такие вещи), кстати это подтверждает и валидатор.

Исправьте сейчас ошибки на которые указывает валидатор.

Link to comment
Share on other sites
  • 0
ishurgaya Explorer

ishurgaya

Posted
  • Author
Posted (edited)

 

Вот непонятна суть этой ошибки:

Error Line 1, Column 16: Stray doctype.<!DOCTYPE html>

Тут тоже не понятно в чем дело,теги закрыты все:

 Error Line 4, Column 79: Stray start tag html.…|!(IE)]><!--> <html class="not-ie no-js" dir="ltr" lang="ru">  <!--<![endif]-->✉Error Line 4, Column 79: Cannot recover after last error. Any further errors will be ignored.…|!(IE)]><!--> <html class="not-ie no-js" dir="ltr" lang="ru">  <!--<![endif]-->

или валидатор не любит тег html ?

 

заметил ,что не работают медиа запросы в ie8 .

При любой ширине экрана ,почему то выставляется ширина слайдера 940px и для некоторых других блоков выстравляется ширина  как для небольшого экрана.

 

хотя подключен js для понимания медиа запросов эксплорерами:

<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

толку особого нет.

 

для понимания html5 подключены html5sliv ,тоже ничего не изменили.

 

Я посмотрел в стилях, ie8 показывает inline-block ,как block.

Edited by ishurgaya
Link to comment
Share on other sites
  • 0
Crystal-3 Explorer

Crystal-3

Posted
Posted

Валидатор ругается на «заблудившийся» открывающий тег html и доктайп. Пусть меня поправят, если я ошибаюсь, но такое может быть, когда в коде есть лишний  открывающий тег html.

Но вот что самое странное в вашей ситуации:

ради эксперимента скопировала код вашей странички и сохранила у себя на компьютере. Совершенно ничего не меняла, открыла его в браузере ИЕ8 и вот что я увидела:

http://clip2net.com/s/3aCg190

http://clip2net.com/s/3aCg6Qg

срабатывает html5shim, обратите внимание на код: все скрипты, метатеги и т.д. находятся в head, доктайп отображается там, где нужно.

 

Для сравнения скриншот странички с вашей ссылки. Обратите внимание где отображается доктайп.

http://clip2net.com/s/3aCgaDG

 

Затрудняюсь ответить в чём причина. А до натяжки на OPENCART как отображалась страничка?

Link to comment
Share on other sites
  • 0
ishurgaya Explorer

ishurgaya

Posted
  • Author
Posted
А до натяжки на OPENCART как отображалась страничка?

 

к сожалению не знаю. не я разработчик сайта.

 

Да похоже что то блокирует подгрузку стилей в ie8.

 

а насчет дублирующихся html , помоему здесь дублей не должно возникать:

<!DOCTYPE html><!--[if IE 7]> <html class="ie7 no-js" dir="<?php echo $dir; ?>" lang="<?php echo $lang; ?>"> <![endif]--><!--[if IE 8]> <html class="ie8 no-js" dir="<?php echo $dir; ?>" lang="<?php echo $lang; ?>"> <![endif]--><!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" dir="<?php echo $dir; ?>" lang="<?php echo $lang; ?>"> <!--<![endif]-->

Не понимаю почему так происходит ,со стилями и doctype в body.   Через дебаггер показывает ,что в боди, а если посмотреть исходный код страницы ,то не в боди а в head.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept