Как это тикает

День как день. Разрабатываем интранет-приложение. И вдруг... после множественных коммитов... появился баг:). Суть бага в том, что при открытии страницы в IE появляется окошко "Сведения системы безопасности". Этот баг надо бы исправить.

Далее... Почитал, что предлагает хелп для этого случая... Стало ясно, что надо гуглить.

Гугл объяснил, что я не один.
Небезопасные элементы в Internet Explorer, метод решения или SSL и iFrame

Только это не помогло. Разобрал всю систему. Обнаружил следующее.

После замены "display:none" на "visibility:hidden" все исправилось.
По идее надо было бы докопаться до истинной сути бага,
но на это как всегда нету времени.

На следующий день мы стали свидетелями реинкарнации бага)
Удалив свое предыдущее решение, я начал искать истинную причину.
Через 2 часа поисков источник был найден)
Вот этот кусок кода вызывал такой страшный баг:
$H(this.aFields).each(function(aHash) { var oTh = new Element("TH", { style : "padding : " + this.sCellpadding + ";"+ "border : " + this.sBorderWidth + " solid #9eb6ce;" + "background : url(/path/th-bg.png) repeat-x bottom;" // Баг здесь }); oTh.insert(aHash.value.title); oTr.appendChild(oTh); this.aKeys.push(aHash.key); }.bind(this));
Вот какие баги можно получить, если стили задавать не из CSS)
Решение бага:
$H(this.aFields).each(function(aHash) { var oTh = new Element("TH", { style : "padding : " + this.sCellpadding + ";"+ "border : " + this.sBorderWidth + " solid #9eb6ce;" + "background : url(https://this/path/th-bg.png) repeat-x bottom;" }); oTh.insert(aHash.value.title); oTr.appendChild(oTh); this.aKeys.push(aHash.key); }.bind(this));
Подводя итоги хочется сказать о том, что даже если стили тегов динамические, т.е. генерируются из javascript, и нет желания 1-2 строчки писать для CSS-класса.
Все же стоит это сделать.