2010-09-22 1 views
1

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

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

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

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

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

+0

Ну, вам, вероятно, придется установите IE8 так, чтобы вы могли играть с сайтом. Как вы даже скажете, что предложение, которое вы получаете здесь, работает, не пытаясь его самостоятельно? – Pointy

+0

Хороший вопрос. Я работаю за это, я не смогу попасть на него до пятницы или понедельника. Поэтому, если вы знаете хороший плагин для FF, Chrome или Safari, который позволит мне иметь IE8 или какую-то загрузку, это было бы отличным началом для меня. – LightningWrist

+0

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.cysticlife.org%2FHome.php – reisio

ответ

4

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

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

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

3

После быстрого изучения мы видим, что изображения, которые работают в FF и IE8, загружаются с использованием тегов img, а изображения, которые работают в FF, но не работают в IE8, загружаются с использованием CSS background-image. Это говорит нам о том, что что-то в вашем заявлении фонового изображения бросает IE8, поэтому ваша проблема не является clearfix или позиционированием, просто 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». Одним из первых хитов был на самом деле другое переполнение стека вопрос:

Background Image not showing up in IE8

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

Попробуйте добавить пробел между) и не повторять ,

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

+2

Это не причуда - это не действительная инструкция CSS. Вы всегда должны иметь пробел между каждым из отдельных значений для стенографических свойств. Просто большинство других браузеров немного более просты для такого рода вещей. –

+0

Большое спасибо за ваше время! Я действительно ценю это! – LightningWrist

+0

А также я многое узнал из вашего ответа. Вы не только помогли мне решить мою проблему, но и из-за того, насколько хорошо вы объяснили, что вы сделали. У меня также был урок по проблеме стрельбы. ;) Благодаря – LightningWrist