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

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

1 голос
/ 23 сентября 2010

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

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

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

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

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

Ответы [ 2 ]

4 голосов
/ 23 сентября 2010

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

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

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

3 голосов
/ 23 сентября 2010

После быстрого изучения мы видим, что все изображения, которые работают в FF и IE8, загружаются с использованием тегов img, а изображения, которые работают в FF, но не работают в IE8, все загружаются с использованием CSS * 1002. *. Это говорит нам о том, что что-то в вашей декларации фонового изображения отбрасывает 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 все еще довольно причудливы: (

...