Помогите победить IE

[greenleaf]

Помогите победить IE

Камрады, помогите победить IE. Говорю сразу - ламер полный, без образования, просто захотелось сделать самому, вот и занялся. Прописал в стилях градиенты, круглые улы, тени. Во всех браузерах нормально, а IE гад не выводит стили, причём 11, в младшие версии даже не заглядывал.

Например, градиенты не получаются ни просто с background-image: linear-gradient ни с background-image: -ms-linear-gradient. В чём может быть проблема? Может у меня что-то в IE отключено, надстройки какие?

Кроме того, эта сволочь мелкософтовская даже другие стили не выводит нормально.Например блоки тупо расставляет по центру, хотя для них задано display:inline-block. C свыпадающим меню беда: оно находится прямо над баннером (который картинка), для меню 2 уровня задано z-index 999, чтобы показывалось поверх всего, везде хорошо, но в IE меню 2уровня, которое выпаает показывется под баннером. Что может быть не так?
Вот для примера как выглядит в нормальном браузере и в IE
Как это побороть?

 

[skinva]

советую почитать свойства display:inline-block на сайте

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

и ответ будет очевиден)) удачи
глянь на мой сайтик

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

 

[greenleaf]

советую почитать свойства display:inline-block на сайте

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

и ответ будет очевиден)) удачи
глянь на мой сайтик

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

C htmlbook.ru я не вылажу, но где там ответы на мои вопросы? Там написано , что inline-block поддерживается IE c 8 версии, но у меня в 11 не отображает нормально, хотя все другие браузеры - Опера, Хром, ФФ, Сафари, все отображают как задумано.

 

[skinva]

C htmlbook.ru я не вылажу, но где там ответы на мои вопросы? Там написано , что inline-block поддерживается IE c 8 версии, но у меня в 11 не отображает нормально, хотя все другие браузеры - Опера, Хром, ФФ, Сафари, все отображают как задумано.

скинь адрес сайта я посмотрю, можно попробывать зафлотить, прописывал в head
<!--[if IE]>
<script src="

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

"></script>
<![endif]-->

 

[greenleaf]

скинь адрес сайта я посмотрю, можно попробывать зафлотить, прописывал в head
<!--[if IE]>
<script src="

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

"></script>
<![endif]-->

Не могу скинуть, на локалке делаю.

С флоат тоже ничего не выходит. Короче картина следующая.

HTML:

<div class=sidebar-footer>
<div class=sbf-block></div>
</div>

Стили:

.sidebar-footer{
	padding:40px 0;
	background:#CCDBEB;
	background-image: linear-gradient(#CBDBEB 0%, #D4E0F0 20%, #EBF1FA  100%);
	text-align:center;
}

.sbf-block{
	[B]display:block;
	float:left;[/B]
	margin:0 30px 20px;
	width:310px;
	background:#FBFCFD;
	box-shadow:inset 0 0 5px 0 #6A6A7E;
	border-radius:5px;
}

Получается так:

Спойлер: опера, ФФ, хром

Спойлер: IE 9 и 11

Спойлер: IE 10 (этот чёрт в отличие от 9 и 11 отображает как другие нормальные браузеры + тени распознал:D)

Как видно выравнивание блоков во всех браузерах одинаковое, но вот футер съехал во всех, кроме IE 9 и 11.

Делаю стиль

.sbf-block{
	[B]display:inline-block;[/B]
	margin:0 30px 20px;
	width:310px;
	background:#FBFCFD;
	box-shadow:inset 0 0 5px 0 #6A6A7E;
	border-radius:5px;
}

тогда получется:

Спойлер: опера, ФФ, хром

Спойлер: IE 9 и 11

Спойлер: IE 10

Короче, что-то с моим IE 11 не так, может он как 9 работает? Как его перестроить на его версию?
Не пойму где собака порылась. Мистика блять какая-то.

ЗЫ:9 и 10 версию запускал через IE Tester.
ЗЫЗЫ:html5 прописывал, правда в отдельном файле функций потому что шаблон для WP.
Убирал теги html5, типа article, делал просто на div, та же фигня.

 

[skinva]

в первом случае .sidebar-footer не "видет" высоты блока , т.к. блоки в нем float.
в стилях для .sidebar-footer:after{
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
}
этот блок обретет высоту



и у тебя 2 блок по высоте больше, задай высоту всем блокам макс. возможную или сделать выравнивание точно не помню щас времени нет смотреть, но по-моему это vertical-align:top; почитай htmlbook про это свойство. Удачи. Вечером еще гляну

 

[greenleaf]

Нет, оказывается дело не в стилях. В сети через IE у меня всё нормально отображается

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

. Проблема с моим localhost или с настрйками IE лично у меня на компе для работы с локальным сервером.

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

, но решение мне не помогло