2013-07-26 2 views
0

Я работаю над новым дизайном веб-сайта, и все, кажется, работает на хроме, но в Internet Explorer (только самая новая версия, кажется), есть тонна белого пространство добавлено поверх веб-сайта.Дополнительное место в верхней части сайта в Internet explorer

В основном на IE, это почти похоже на то, что у меня было 500px отступов. Но он отлично отображает хром.

Текущий URL является cspclaw.com

Спасибо.

я разместил весь основной страницы HTML здесь: http://pastebin.com/eDmfuRWK

И весь основной страницы CSS здесь: http://pastebin.com/GK3TRtx4

+0

Вопрос только в том, что JS обрабатывает преобразования изображений, которые делают что-либо по своему положению. Я ничего не вижу в CSS, который может вызвать проблему. – AntLaC

+0

Я знаю, что это не отвечает на ваш вопрос, но крайность: -220px доставит вас туда :) Изображение, дающее проблему, - это /logo.jpg. Если вы измените высоту на 1 или что-то маленькое, вы увидите, что все остальное движется вверх. – AntLaC

+0

Еще один комментарий, я играл с вашими рядами, и он начал правильно все перемещать. – AntLaC

ответ

0

, кажется, ошибка IE мне. Он вычисляет высоту <tr> по высоте содержимого наивысшего <td>, без учета rowspan="2". Если вы удалите атрибут rowspan, вы можете увидеть, почему он делает то, что он делает.

Проблема для IE заключается в том, что каждый ваш <td> в вашей второй строке (строка, содержащая ячейки <div class="fadein">) имеет rowspan = "2". Удалите это, и страница больше не будет показывать этот нечетный марж/дополнение в IE. Он по-прежнему выглядит не так, моя догадка - это больше rogue rowspans ... :)

+0

Хорошо, спасибо, я посмотрю на это, я хочу, чтобы был простой способ исправить несогласованности IE ... потому что он отлично проявляется в Chrome. – user2059175

Смежные вопросы