Fix Blog » ie

Internet explorer + mootools. Операция прервана/Operation aborted

admin — Mon, 09 Mar 2009 18:43:02 +0000

При использовании библиотеки mootools и innerHTML или appendChild в интернет эксплорер возникает ошибка – страница не загружается и выдается ошибка – операция прервана.

Возникает это, потому что дочерний контейнер содержит скрипт, изменяющий родительский контейнер.

На сайте Microsoft об этой проблеме знают, но решения, кроме как использовать internet explorer 8 – не предлагают. Нам такой вариант не подходит, да и решение простое до безобразия – тегу script надо добавить defer="defer".
Таким образом мы говорим браузеру, что исполнять этот скрипт нужно после полной загрузки страницы.

Прозрачный PNG в IE 6. Универсальное решение.

admin — Thu, 05 Mar 2009 13:25:36 +0000

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

Качаем файл »

В нем лежит скрипт и картинка. Папку pngfix кидаем в корень (если будете переименовывать – в скрипте надо заменить первую строчку – путь до clear.gif).

И теперь – подключаем условными комментариями (чтобы не морочить голову другим браузерам) сам скрипт:

IE6 и IE7 На одной машине. Multiple IE.

admin — Tue, 02 Sep 2008 08:59:25 +0000

А этот способ уже для обладателей internet explorer 7 как браузера по умолчанию.
Качаем этот файлик: Multiple IE (10.4 mb).
В нем – набор браузеров internet explorer версий 3.5-6 для одновременной работы.

Инструменты web-мастера

admin — Tue, 05 Aug 2008 16:16:43 +0000

Собственно то, что очень круто помогает мне в работе и сильно экономит время. Эти программы показывают кусок кода того места, на которое вы навели мышку, а также его css свойства.
Т.к. браузер Opera я считаю извращенством, то пишу только для IE и FireFox, хотя для первого где-то видел подобное.
IE: IE Developer toolbar – скачать с сайта разработчика
FireFox: Firebug – установить

Конечно же их функционал не ограничен лишь просмотром css, но использую я их только для этого.

Прозрачный PNG в ie6 (Вариант 2)

admin — Wed, 02 Jul 2008 04:27:10 +0000

PNG-24 – отличный формат для веб, может передавать полупрозрачность. Но в internet explorer 6 прозрачности нет.

На помощь приходит следующий код:

Как можно понять тут выводится сама png картинка, обернутая в тег . Сам этот тег можно заменить на что угодно, важно чтобы у него был прописан class="png".

Далее в css вставляем это:
/*png in ie6 fix*/
* html .png
{
width: expression(this.firstChild.width);
filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’"+
this.firstChild.src+"‘, sizingMethod=’image’)");

background: expression("transparent url("+
this.firstChild.src.replace(".png", ".gif")+") no-repeat");
background: none !important;
}

* html .png img
{
behavior: expression(this.style.visibility="hidden");
}
/*png in ie6 fix*/

Все, наслаждаемся прозрачностью и полупрозрачностью!

Прозрачный PNG в IE 6

admin — Mon, 16 Jun 2008 10:38:43 +0000

Достигается на самом деле довольно-таки легко. Берем прозрачный png, берем следующий код:

Вставляем ПЕРЕД следующим html:

Ссылка

Или таким, если png вставляется не бекграундом:

Остается добавить в css следющее:
.someclass {
filter:expression(fixPNG(this));
}
Все, теперь png во всех браузерах прозрачная!
Остается добавить – что если сверху png присутствуют какие-либо ссылки, или интерактивные поля (формы и т.п.), то они будут ниже картинки и не кликабельны, решается это просто, добавляется объекту, который нужно поставить выше position: relative;
На данном примере это выглядит так:
.someclass a {
position: relative;
}

Max-width, max-height, min-height, min-width в IE

admin — Tue, 10 Jun 2008 10:30:41 +0000

Проблема – не работают эти свойства в Internet Explorer 6 и ниже версий. Решений в интернете нашел много, но большинство вешали браузер, либо просто не работали. Что заметил, совместная попытка использования замены max-height и max-width – приведет к сносу башни у IE, и он попросту зависнет. Но, ближе к делу:
max-width
#block {
max-width:100px;
width: expression(this.offsetWidth > 101?"100″:"this.offsetWidth");

}
max-height
#block {
max-height:100px;
height: expression(this.offsetHeight > 101?"100″:"this.offsetHeight");
}

Принцип действия понять не сложно – "если размер больше 100, ставь 100″

Что до min-height и min-width – тут проще, в IE6 они равносильны обычным width и height, и нужны только для firefox и opera.