Сайт отлично работает во всем, кроме IE7,

Question

Я не могу понять, почему мой сайт ломается в IE7, я уверен, что это связано с чем-то в CSS, но я не могу найти его, и это сводит меня с ума. Я чувствую, что так долго смотрю на произведения искусства, что не вижу, в чем проблема. Кто-нибудь может прийти со свежим взглядом и помочь? Спасибо =)

веб-сайт: rburtonart.com

Answer 1

Я не могу определить проблему, но если у вас есть проблема с Internet Explorer (а у кого нет?), Тогда Условные комментарии - ваш друг!

Они позволяют добавлять код, который активен только в IE, или определенную версию IE. Пример:

<!--[if IE]>
alternate style or stylepage for broken IE implemention of CSS
<![endif]-->


<!--[if IE 7]>
Fix for something broken only in IE7, not any other version.
<![endif]-->

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

---

РЕДАКТИРОВАТЬ: нашел его До IE8 у IE были проблемы с плавающей точкой и макетом. Я думаю, что это сработает, так как я использовал нечто подобное при похожих обстоятельствах.

Вам нужно добавить условный комментарий, содержащий blcok-levelelement, чтобы FORCE #content DIV ниже заголовка DIV. Это должно быть пусто, и заставить все под ним.
Попробуйте добавить следующее между концом div заголовка и объявлением (строка 79). Если вы видите слишком много места между заголовком и содержимым, вы можете повозиться с ним.

<!--[if IE 7]>
<div style="clear: both; width: 100%; padding:0; margin:0; height:1px;">&nbsp;</div> 
<!-- Fix for IE box model issues with content div -->
</div>
<![endif]-->

Answer 2

Ваше меню в нижнем колонтитуле нуждается

float: left;

ваш центральный жук на высоте вспышки ....

Полагаю, вам нужно поближе взглянуть на это.

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

Answer 3

Вы не говорите, что сломано, и у меня нет IE7 под рукой, но для начала ваш сайт не проверяется, как XHTML Strict (ваш назначенный тип документа) или для CSS. Я бы исправил ошибки проверки, прежде чем делать что-либо еще.

Answer 4

отдай свое тело

background-color: #353535

изменить минимальную высоту обтекания, например,

min-height: 650px

и измените нижний отступ #main, например,

padding-bottom: 20px

это должно решить вашу проблему! это происходит в моих браузерах!