The Diary
Дневникът на Георги
<- Понеделник, 23 Април 2007 | Начална страница | Сряда, 25 Април 2007 ->
Вторник, 24 Април 2007
Човек и добре да живее, рано или късно му се налага да се сблъска с правене на уеб страници и по-конкретно с ужаса на уеба - Microsoft Internet Explorer (да умрат авторите му дано и цялата им рода).
След като цял ден се кривих като маймуна на една уйндолска машина, накрая си качих три версии на IE под Linux, щото под Виндовс нема как да имаш повече от една и в крайна сметка с няма и 30 реда workarounds сайта започна да изглежда ок. Не се виждат PNG-тата с Alpha канал, но ще го преживея.
Забавен момент имаше когато след качването на IE-то мрежовата ми карта отказа да работи в знак на протест. Една микрософтска боза се приближи до PC-то ми и трябваше да рестартирам та да се оправи. УжасТ! 8)
[ Коментари: 11 ]Коментари
Опитай с това да оправиш ПНГ транспаренцията:
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
Аз пък съм доста доволен от IE7 и даже последните 2-3 пъти се налага да правим патчове точно за великия firefox... :)
Прозрачността е оправена точно по този начин. Проблема на подобни решения е, че колкото повече елемента има на страница толкова по-бавно работи.
За доволния от IE7 - http://msfirefox.com/ :)
IE7 = боза и половина. Не стига, че е бавен, тежък, шарен и грозен, а и невинаги работи. На едната от машините в работата ми просто отказва да тръгне - след първия отворен URL забива и дотам, повече нищо не можеш да направиш с него, ако не рестартираш. Всички машини, за които говоря, са с еднакви конфигурации и инсталиран Windows XP от един и същи drive image. На всички машини бозавото чудо работи, но не и на тази. Мистерия...
Друго показателно нещо: напоследък, когато клиенти наемат компютърна зала, ако ще ползват Интернет, държат да има инсталиран Firefox на всички компютри. Без коментар.
Алфа канала на png-тата беше голям проблем за Microsoft. Някъде бях видял, че е сформиран цял екип за да го отстрани, който работи повече от година. В 7-цата е отстранен, но си мисля че щом им е отнело толкова много ресурси да се справят, тогава рендващия двигател на ИЕ трябва да е голяма боза.
@Георги и какво трябва да видя там ако не е тайна?
@Силвина Георгиева - незнам защо при мен няма проблеми, много странно. Също и не е имало проблеми като съм го инсталирал на други машини.
@Тодор Георгиев не е ли най-важен резултата?
Според мен FireFox е поредната мода... има едно единствено нещо заради което му се кефя. Защото създаде малко конкуренция на другите два по-известни браузъра - Opera(евала на Opera за готиния браузър) и IE(който беше зациклил на едно място, но откакто има FireFox се развива със свръхсветлинна скорост).
Това е МОЕТО МНЕНИЕ и ви го казвам от личен опит... не от това къде какво съм прочел. И определено не говоря на изуст, както повечето привържаници подобни спорове.
окей, показвам само веднъж - 24 битово png под експлорър :-)
<div style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/alabala.png'); width: 61px; height: 68px"><img width="61" src="/images/alabala.png" alt="alabala" height="68" style="filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)" title="alabala" /></div>
един, единствен бъг на това решение, е че ако го направиш и линк на всичкото отгоре, линкът под експлорър ще действа само в зоната където е прозрачността, но не и над самия имидж. много ме домързя да мисля workaround на тоя бъг, но на мен лично ми стига в момента и толкоз. а, и w3c валидатора хич не харесва това решение, да знайш, но го третира неравностойно при валидиране на css-а, не при xhtml-a. ходи го разбери. решението работи от 5.5 нагоре със сигурност, че дори и под mac, ако шотовете от browsershots могат да се считат за меродавни. уиндоуса поддържа повече от един експлорър принципно лесно - ако някой преди това се е постарал да го окастри до стендалоун версия, която не изисква инсталиране. такива има примерно на browsers.evolt.org/?ie/32bit/
a хаирлия да е :-)
Мерси pro баш така е решен проблема :)
така малко по темата:
вярно това е решението. Аз го ползвам в следната комбинация - детект на браузър + различни css-та и зареждане на картинките през стила. За линковете проблемът е, че актив Х контролата се зарежда отгоре, а решението е съдържащата област да се позиционира релативно (div style="position:relative").
пс. в ИЕ 5.5 под мак няма проблеми с ПНГ - смешно нали ?
Disclaimer: Except where otherwise noted all opinions expressed here are personal
opinions of the author and do not reflect official opinions of my employer or
any other person, company or organization associated with the author.
Copyright: Except where otherwise noted the content of this site is licensed under a
Creative Commons Attribution License. Текстът на договора за ползване на български
Copyright (cc) 2003-2011 Georgi Chorbadzhiyski. Some rights reserved.
Comments, texts and pictures not signed by me are property of their respective owners.
Страницата е генерирана от Glog v3.99-test
"щото под Виндовс нема как да имаш повече от една..."
http://tredosoft.com/Multiple_IE
http://tredosoft.com/files /multi-ie/multiple-ie-setup.exe
Написа GillBates на 05-May-2007 00:09