HTML форматирует правильно после применения фокуса

Question

У меня есть поле выбора, которое использует ajax, чтобы заполнить div новой информацией. Когда я выбираю опцию, результирующий текст появляется и форматируется правильно. Тем не менее, когда я выбираю что-то новое, результирующий текст не форматируется правильно и кажется сжатым вместе. Проблема исчезает, когда я применяю фокус, щелкая в соответствующей области.

Кажется, у меня эта проблема только с IE. Я понятия не имею, с чего начать искать, чтобы отладить эту вещь, так как она отлично работает в Firebug, и я не смог найти связанных тем по SO. У кого-нибудь когда-нибудь была такая проблема?

* хорошо, я понятия не имею, какой код показывать для справки. Но здесь я иду:

$.ajax({
        type: "POST",
        url: "bccDates.php",
        data:   "CQID=" + CQID + "",
        success: function(response){ 
            $('#BCCDates').html(response); //div that updates
        }
    });

// Ниже, если php / html затронутой области.

echo "<div id=\"boxcarCapacityDates\"> \n";
echo "<form id=\"newDate\" name=\"newDate\" onSubmit=\"return validateDate('".$ID."')\"> \n";
echo "<h3>".$CQIDName."</h3> ";
            echo "<p>No groupings exist for this Boxcar.</p>";
                echo "<p>Enter a Date: </p>";
                echo "<input type=\"text\" name=\"Date\" >\n";


                echo "<br /><p><input id=\"validate\" class=\"small orange awesome\" type=\"submit\" value=\"Submit\" ></p> \n";
        echo "</form> \n";
        echo "</div> \n";

Answer 1

Скорее всего, проблема заключается в обработке макета в Internet Explorer и, возможно, в частности "hasLayout" (http://www.satzansatz.de/cssd/onhavinglayout.html).

. У меня была проблема с загрузкой div на страницу через Ajax, чтотакже почти всегда правый (т. е. элемент отображается правильно) после щелчка по рассматриваемому элементу.

Разрешение в моем опыте почти всегда было чем-то вроде css-crap-shoot, заставляя вставленный элемент / его родителя(s) и т. д. для hasLayout (sic) путем применения zoom (в частности) и position:relative.

Итак: сделайте снимок, применив zoom:1 (первый) и position:relative (с меньшей вероятностью исправить-all) и к рассматриваемому элементу: тестирование, возврат, обращение к его родителю, тестирование и т. д. и т. д. до тошноты в DOM.

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

Как только вы получитевыигрышную комбинацию, я бы сказал, поместите zoom:1 и т. д. в отдельную таблицу стилей, специфичную для IE, и включите ее с тегами, специфичными для IE-версии.

Удачи!