Основные проблемы позиционирования IE8

Я знаю, что это не новая концепция, что мой сайт идеально подходит для FF,Safari и Chrome, но работает на IE8. Это сказанное и сокращающееся до погони. Это домашняя страница, над которой я работаю в социальной сети для людей с кистозным фиброзом.

http://www.cysticlife.org/Home.php

Если вы можете, посмотрите на это в FF,Safari и Chrome, а затем в IE8, и вы увидите проблемы. Я предполагаю, что это проблема позиционирования, так как некоторые изображения не отображаются, но есть, а некоторые из моих j-запросов отключены. У меня НЕ IE8, поэтому мне сложно решить эту проблему. У меня есть исправление clearfix, и у меня сложилось впечатление, что IE8 решил проблему с clearfix.

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

Большое спасибо заранее.

Источник

2 ответа

Решение

У вас уже есть отличный ответ, но я хотел дать вам ресурс, чтобы вам не пришлось устанавливать IE8.

http://www.spoon.net/Browsers/

Вы можете использовать этот сайт для тестирования IE6-9, FF2-4, Chrome 5-6, Safari 3-5 и Opera 9-10. Это действительно отличный инструмент!

Источник

После быстрого исследования мы видим, что все изображения, которые работают в FF и IE8, загружаются с использованием img теги и изображения, которые работают в FF, но не работают в IE8, все загружаются с использованием CSS background-image, Это говорит нам о том, что что-то в вашей декларации фонового изображения отбрасывает IE8, поэтому ваша проблема не в четком определении или позиционировании, просто в том, что IE8 не понимает специфический CSS, используемый для загрузки фоновых изображений.

Глядя на CSS для фонового изображения #site_map, оно выглядит крайне безобидным, и я не мог сразу заметить, что с ним что-то не так:

#site_map {
    width:984px; 
    margin:30px auto 0px auto; 
    height:200px; 
    background:url(images/site_map.png)no-repeat;
}

Тем не менее, это определенно должен быть CSS, поэтому я сделал быстрый поиск в Google по запросу "css background image не отображается в IE8". Одним из первых хитов был фактически другой вопрос переполнения стека:

Фоновое изображение не отображается в IE8

И я подозреваю, что ответ, который работал там, будет работать и для вас:

Попробуйте добавить пробел между) и без повтора.

Да уж. Даже современные версии IE все еще довольно причудливы:(

Источник
Другие вопросы по тегам