Отладка в опере и ослике 8 версии и ниже

sayapinant · October 15, 2013

Всем привет!

Нарисовалась такая проблемка. Сверстал сайт на скорую руку, залил в интернет. В хроме все видно нормально, но в опере меню залезло на шапку сайта. А в IE8 и ниже вообще отсутствует какая-либо стилистика. Также в мозиле есть небольшой косячок — меню полностью не умещается в строчке.

Посмотрите, может подскажете какое-нибудь решение. Вот ссыль: http://csps.su/

Switch74 · October 15, 2013

1. для вашего меню бы сделать ограничение или предусмотреть смещение на вторую строку при сужение окна браузера!

2. футер у вас больших размеров в отличие от шапки и контента, но возможно это фишка такая...

3. а зачем вашему меню абсолютное позиционирование?

sayapinant · October 15, 2013

1. для вашего меню бы сделать ограничение или предусмотреть смещение на вторую строку при сужение окна браузера!

Этого я как раз хочу избежать

2. футер у вас больших размеров в отличие от шапки и контента, но возможно это фишка такая...

Да, это фишка

3. а зачем вашему меню абсолютное позиционирование?

делал на скорую руку, поэтому даже не помню зачем Это сейчас более детально все разбираю

Switch74 · October 15, 2013

1. у вас не получится, чтобы меню влазило в размеры экрана не ограничивая его размер и не перенося на вторую строку

sayapinant · October 15, 2013

1. у вас не получится, чтобы меню влазило в размеры экрана не ограничивая его размер и не перенося на вторую строку

значит только один вариант — уменьшать шрифт...

Хорошо, а с другими браузерами что делать?

Catherine · October 15, 2013

Уберите у меню position: absolute, он там не нужен. А меню залезло на шапку, потому что не указано положение относительно родительского элемента. Если у родителя значение position, отличное от static, то отсчет координат ведется от края родительского элемента (подробнее про абсолютное позиционирование тут и тут), но так как координаты не заданы, каждый браузер по-своему понимает, как спозиционировать "вырванный" из потока элемент.

Catherine · October 15, 2013

background: linear-gradient работает в ИЕ10+ и новых версиях остальных браузеров http://caniuse.com/#feat=css-gradients. Подробнее о градиентах тут и тут.

И еще. IE8 не понимает теги html5 (footer, article, ..). Плагин (например, html5shiv), позволяющий ИЕ понимать новые теги, подключен? Подробности тут.

sayapinant · October 15, 2013

И еще. IE8 не понимает теги html5 (footer, article, ..). Плагин (например, html5shiv), позволяющий ИЕ понимать новые теги, подключен? Подробности тут.

Попытался сейчас установить плагин html5shiv, но ничего не вышло.

Catherine · October 15, 2013

Попытался сейчас установить плагин html5shiv, но ничего не вышло.

Как подключали? Что пишет?

sayapinant · October 15, 2013

Как подключали? Что пишет?

Вставил код в <head>:

<!--[if lt IE 9]>
<script src="components/html5shiv/html5shiv.js"></script>
<![endif]-->

Потом начал заливать плагин, но он не хочет устанавливаться

Catherine · October 15, 2013

Он и не должен устанавливаться. Его надо либо скачать и правильно прописать путь при подключении, либо подключать напрямую с сайта плагина, вставив в head:


<!--[if lt IE 9]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Sign In

Отладка в опере и ослике 8 версии и ниже

Question

Link to comment

Share on other sites

10 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

Join the conversation

Обсуждения

Important Information