Сайт не отображается правильно в IE8

Question

У меня есть веб-сайт, который выглядит нормально в большинстве браузеров, однако в IE8 части страницы отсутствуют!Весь сайт не совсем прав в IE8 в отношении выравнивания, которое мы медленно исправляем, исправляя css, однако худшая страница - http://www.pocketpayday.co.uk/apply-online.aspx, в которой фактически отсутствуют несколько DIV.Сайт отображается на 100% корректно во всех других браузерах, которые мы пробовали, включая Firefox, Chrome, Safari.

Я понимаю, что не разместил никакого кода, однако форма является пользовательским контролем asp.net в CMS, такВ результате много кода / templates / css, и я не хочу публиковать что-либо не относящееся к делу, и надеялся, что кто-то уже сталкивался с подобной проблемой.Рада опубликовать все, что требуется - в настоящее время я использую Firebug и инструменты разработки IE, чтобы попытаться выяснить, что может быть причиной.

Answer 1

В общем, когда сталкиваешься с такими проблемами:

• принять вывод вашей страницы (Сохранить как HTML) и
• отредактируйте это, чтобы сократить вашу проблему до простого воспроизводимого контрольного примера.
  1. Найдите фрагмент CSS, HTML или JS, который не связан с проблемой, и удалите его.
  2. Если проблема все еще существует, повторите шаг 1.
  3. Если проблема исчезла, вставьте этот код обратно и удалите что-нибудь еще.
  4. При необходимости повторять до тех пор, пока не останется ни одного байта кода, который нельзя удалить без разрушения вашего контрольного примера.

В процессе вы часто сами найдете проблему. Вы удалите что-то, казалось бы, не связанное с этим, обнаружите, что это решает (или изменяет) проблему, и когда вы удивляетесь, почему это изменило ситуацию, вы внезапно столкнетесь со вспышкой прозрения.

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

Да, и: всегда проверяйте ваш HTML и проверяйте ваш CSS сначала и по ходу дела. :)

Answer 2

Я посмотрел, и нет ничего, что я мог бы сказать, что волшебным образом прояснит это.

Но вот несколько полезных советов для поддержки IE8, IE7:

1) Я заметил, что у вас есть самозакрывающиеся теги div. Вместо этого всегда используйте закрывающий тег.

//Use this
<div></div>

//Not this
<div/>

2) Вы использовали float: правильно. Всякий раз, когда вы используете float, вы должны использовать и очищать clear div, чтобы правило float не распространялось на непредусмотренные элементы. Ясный div ДОЛЖЕН быть родственным элементом тех элементов, которые вы используете.

//Whenever you do this...
<div style="float:right;"></div>
<div style="float:right;"></div>

//Add a clear div....
<div style="float:right;"></div>
<div style="float:right;"></div>
<div style="clear:both;"></div>

Так что попробуйте эти изменения и посмотрите, помогут ли они.