Corecţii IE | IT Exprimarea

2011 18 februarie 2011

Eroare IE Javascript: Obiectul nu suportă această proprietate sau metodă

Am avut această problemă ciudat, în cazul în care o bucată de Javascript lucrat bine în toate ANS browser ca IE bara de obicei Simplu ... a fost, dar din moment ce scenariul nu a fost scris de mine, a luat un timp pentru a depana această "Obiectul nu suportă această proprietate sau metodă", eroare care doar IE a fost aruncat în sus. Probabil! Dacă ar fi să scriu scenariul, nu aş fi primit această eroare, la toate, ca nu se amesteca nume de variabile mele cu câmpul ID-uri :).

Problemă: Obiectul nu suportă această proprietate sau metodă (pe linia 3)

function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... }

Soluţie:
Eroare este generata pe thirdrow în exemplul de mai sus (linia 3 ... "shortdesc = document.getE ...."). Am încercat tot felul de lucruri stupide, pe care i dont este chiar merită menţionat aici şi în cele din urmă ghici ce! schimbarea doar var shortdesc la altceva scapat de eroare. Practic! Numele variabilei a trebuit să diferit de fieldID

1 comentariu | Tag-uri: Repara RO | postat in quirks Browser , JavasScript

2009 07 noiembrie 2009

CSS ZOOM - Totuşi, un alt capriciu IE; schimbare 3 pixeli

Timpul şi din nou, atunci când toate celelalte browsere văzute să se comporte aşa cum a spus de normele W3C, spirale RO-ai iesit din dezvoltarea spiritului de aruncat o criza de isterie, care nu par a avea o rezolvare. Doar un astfel de om este această problemă în IE7.

Problemă Declaratie:
Am şi astfel s-ar putea de multe dintre altor dezvoltatori web grave s-au observat mai mult de multe ori că, atunci când există imbricate pluteste in structura, pe hover peste unele link-uri (etichete de ancorare), containerul care conţine pare să transfere câţiva pixeli la dreapta . Am încercat să google soluţii pentru această problemă, dar s-au găsit aproape nici un răspuns rezonabil la ce şi când apare (care ar putea ajuta la prevenirea acestei probleme să se întâmple), prin urmare, nu am găsit o soluţie clară a problemei, fie ...

Soluţie posibilă:
Din experienţă, am preaviz de 90% la sută din adică ori, că această problemă este rezolvată prin adăugarea unui zoom de proprietate în definirea CSS a containerului MIS-se comportă ...

 # Somediv {
       Zoom: 1;
 }

din nou, motivele sunt ambigue ... încercaţi asta ...
Unele elemente din IE au o "hasLayout" de proprietate, care este "adevărat", în mod implicit. Multe comportamente vizuale CSS, de exemplu, un filtru de alfa funcţionează doar pe un element care hasLayout. şi {Zoom: 1} pare să dea elementele vizate de proprietate hasLayout .... Utile? Nu cred ca asa ...

Proprietatea de zoom este, de asemenea, pare a susţinut de Chrome, dar utilizarea sa pe baza caracterului par să facă efect mult mai negativ asupra aspectului meu ... încercaţi să-l, dacă acesta lucreaza pentru tine ... daca nu, marca această pagină în "Zaruri CSS"

2 comentarii | Tag-uri: Repara IE , adică chestiunile care , IE7 | postat în CSS

2008 10 octombrie 2008

NU pentru numai pentru IE - Selectori CSS copii nu funcţionează în IE

CSS pentru non-IE browsere: ei nici o veste de la dezvoltatorii de CSS care, CSS Selectori pentru copii, cum ar fi exemplul de mai jos, nu par să lucreze în IE.

de exemplu, div span> {unele} CSS, înseamnă că "atunci când un element de control este un copil (şi nu un nepot sau un copil mare mare, etc) a unui element de divizare".

Dar am folosit acest context pentru avantajul nostru. Punct de vedere istoric, selectorul de copil a fost folosit pentru a ascunde comenzi CSS din IE. Pur şi simplu prin plasarea html>body , în faţa a orice comanda CSS IE va ignora:

html>body .foo { CSS commands go here ;}

Acest lucru funcţionează pentru că <body> este întotdeauna un copil de <html> - poate fi, desigur, nu un nepot sau mare-nepot de <html> .

Acum, că IE 7 înţelege selectorul de copil, trebuie să introduceţi o etichetă comentariu gol în direct, după mai mare decât semnul IE 7 nu va înţelege acest lucru, atunci selectorul de (cine stie de ce?!) Şi, prin urmare, va ignora total această comandă CSS.:

html> /**/ body .foo { CSS commands go here ;}

Dacă nu s-au văzut deja înainte de acestea, au o citire prin următoarele, precum şi

comentarii | Tags: Bugs IE , Repara IE , hacks IE , adică chestiunile | postat în quirks browser , CSS

2008 04 octombrie 2008

Dispariţia HTML / DIV elemente în Internet Explorer [IE]

Ca de obicei, una din cele mai multe probleme ciudate cu IE şi aceasta trebuie să rândurile în TOP 10 al quirks IE.

Formularea problemei (Aceasta a fost problema mea, poate ai abateri similare):
Am multe DIV este, în pagina cu clasa "Sector", care nu este nimic, dar titlul de o secţiune de pe pagina. Deci, am un stil arata ca acest

Sector {font-size: 18px; fundal: # cfcfcf; padding: 5px;}.

Div este un bar de culoare gri deschis, cu un text negru. Ce se întâmplă în IE este unele dintre aceste anteturi secţiune sunt afişate ok, dar unele sunt invizibile, până când, în care se derulează pagină sau faceţi clic pe ceva pe pagina, etc Uneori, ele tind să dispară atunci când faceţi clic pe "Alt" cheie atunci când pagina de jos sau derula cu bara de defilare. Uneori ele par să reapară atunci când reîncărcaţi (F5), pagina. Am scurt un DIV perfect simplu, cu un stil simplu, se comportă BAD.
Ce ar putea cauza un astfel de comportament haotic? Ei bine! Sincer, nici o idee!

POSIBILE SOLUŢIE:
Din nou, nu ma intrebati de ce, dar în multe cazuri această problemă tinde să dispară atunci când se adaugă poziţia: faţă de un comportament greşit elementele de stil, cum ar fi acest

Sector {font-size: 18px; fundal: # cfcfcf; padding: 5px; poziţia: relativă}.

Ciudat, dar ce să spun? Dumnezeu mă binecuvânteze din RO!

I DO Partajaţi-le cu SUA, dacă aţi avut probleme similare.

comentarii | Tags: Bugs IE , Repara IE , hacks IE , adică chestiunile | postat în quirks Navigator , CSS , HTML

2008 15 iulie 2008

IE 8 modul strict şi CSS opacitate ... de lucru din jurul

Ei bine! În mesaj mai devreme de câteva zile înapoi în ceea ce priveşte opacitate în IE8, am uitat să menţionez un punct important pe care "IE 8 modul strict nu permite pentru CSS opacitate".
Pentru cei care donot înţeleg ce vreau să spun de modul strict, aici este tutorial rapid .

O lucrare în jurul valorii de la acest lucru (Înainte de a IE Dev Team dau seama că au pavat calea pentru re-rutine de lucru peste tot în lume, pentru site-uri web folosind pop-up cu unele lumini opacitate, şi a pus din nou sprijinul pentru opacitatea) este de a utiliza o imaginea semi-transparent ... de preferinţă în format PNG (am avut experienta neplacuta a obţine imagini GIF transparente pentru a lucra ca au fost trebuia sa). Crearea unei imagini PNG de culoare şi de procentul de transparenţă vă place, aveţi în editorul de imagini favorit şi să-l utilizaţi ca o imagine de fundal pentru suprapunerea lightbox dumneavoastră.

de exemplu
În loc de ceva de genul asta

. Lighbox_overlay {
background-color: # FFFFFF;
Z-index: 1001;
-Moz-opacitate: 0,6;
opacitate: 0.60;
filtru: alpha (opacity = 60);
}

Faceţi acest lucru ....

. Lighbox_overlay {
background: url (bkg.png) repetare;
}

Pentru a încerca, CLICK AICI! | LA DOWNLOAD, CLICK AICI!

comentarii | Tags: Bugs IE , Repara IE , adică chestiunile care , IE8 | postat in quirks Browser , CSS

2008 20 iunie 2008

Bug spaţiu alb în linie / Lista de Produse (LI), în IE6

Dacă aţi făcut vreodată (sau de a face o) un meniu vertical cu ajutorul elementelor de listă (LI) tag-uri şi CSS, s-ar putea întâlni, aceasta încă un bug în Internet Explorer, în cazul în care IE 6 insertii de aceste diferenţe dintre elementele din listă care conţin elemente de nivel bloc, şi anume în cazul în care există spaţiu între elementele din lista de marcare. Multumesc, dar nu, mulţumesc, versiunea IE 7 pare a fi liber de acest bug.
În cazul în care ca mine, şi mai multe, vă aparţin, aceasta banda de dezvoltatori frustraţi, care încă mai au pentru a obţine lor de aspecte noi, care lucrează în IE6 de asemenea, atunci acest lucru s-ar putea dovedi util. Arunca o privire ...

Exemplu de marcare:
<ul id="menu">
<li> <a href="#"> Prima </ a> </ li>
<li> <a href="#"> Despre </ a> </ li>
<li> <a href="#"> Servicii </ a> </ li>
<li> <a href="#"> Portofoliu </ a> </ li>
<li> <a href="#"> Întrebări frecvente </ a> </ li>
<li> <a href="#"> Contactaţi-ne </ a> </ li>
</ UL>

S-ar putea crea unele CSS, similar cu cel de mai jos, pentru a transfrom markup-ul de mai sus într-un meniu vertical ....

Exemplu CSS ...
# Meniu {
0; padding:: Marja de 0; fundal: # FF9900;
lista-stil-tip: none; lăţime: 150px;
}
# Meniu li {margin: 0; padding: 0;}
# Un meniu {display: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2,5; border-bottom: 1px solid # FFF;
}

Rezultatele pe care le vor vedea ...
null

Soluţia pentru această problemă ... (modificat / CSS adăugat în caractere cursive aldine)
# Meniu {
0; padding:: Marja de 0; fundal: # FF9900; lista-stil-tip: none; lăţime: 150px;
float: left; / * aceasta conţine elemente pluteau listă * /
}
# Meniu li {
0; padding:: Marja de 0;
float: left; / * Aceasta stabileşte * /
Lăţime: 100%; / * bug spaţiu în IE6 * /
}
# Un meniu {
display: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2,5; border-bottom: 1px solid # FFF;
}

Dacă doesnot soluţie de mai sus par să lucreze (din motive cunoscute doar la IE6) ... încercaţi această metodă în locul

Adăuga doar acest stiluri IE6 doar pentru marcare ta ...
<- [If lt IE 7>
<style type="text/css">
# Meniu Li o {display: inline-block;}
# Meniu Li o {display: block;}
</ Style>
<[Endif] ->

comentarii | Tags: Bugs IE , Repara IE , hacks IE , adică chestiunile care , IE6 , tutoriale | postat in quirks Browser , CSS

2008 12 aprilie 2008

CSS Crucea minime pentru browser Înălţime Hack

Mesaj IE 6, Microsoft Internet Explorer a fost un fel de ajuns pentru a ne dezvoltatorii UI prin adăugarea de câteva proprietăţi mai CSS standard pentru cele mai multe alte browsere standard. Un astfel de proprietate util în "min-height". Proprietate destul de drept înainte, care are nevoie de nici o explicaţie mult tărăgănat. Atunci când un min-înălţime pentru o divizie este stabilit, se păstrează întotdeauna că atunci când înălţimea set de conţinut pe care îl ocupă mai puţin de case se pot ţine şi mai important, (spre deosebire de simplu de vanilie "înălţime" proprietate), Balanta sau în cuvinte CSS, se comportă ca un divizare ale căror "înălţime" este setat pe "Auto" ...

Pentru unii dintre noi dezvoltatori sărace, care sunt inca necesare pentru a codului CSS care trebuie să lucreze, de asemenea, în IE6, ne-disponibilitate a "min-height", ar putea dovedi un dop de spectacol cândva ... donot disperare.

Din fericire, avem destule ciudatenii în IE, care ne-ar folosi pentru a beneficia în şi modificaţi prin modul nostru de a ajunge la scopul nostru ... adică face o Divizia ca şi cum de min-height în IE6

Soluţia 1: Utilizarea Hack Liniuţele de subliniere [ ... Citeste mai mult ]
.box1 { min-height: 200px; height:auto; _height:200px; }

HTML: - <div class="box1">Some dynamic content with variable height ...</div>

Soluţia 2: Folosirea atributului CSS Selector de Hack
.box2 { min-height:200px; height:200px; } div[class] .box2 { height:auto; }
HTML: -
<div class="someclass"> <div class="box2 common">Some dynamic content with variable height ...</div> </div>

Hack CSS Selector de atribut se profite de fapt, mai devreme browsere IE6 THA ignorat atribute-selector. Notă cerinţa de alta divizie recipient cu class = "someclass". Doar presense de atributul class pentru această divizie, suprascrie înălţimea înapoi la auto pentru Opera, Mozilla şi MSIE7 şi mai târziu. IE6, care nu acceptă Selectoare de atribute, se ignoră.

Vezi Demo de hack min-înălţime pentru IE6

comentarii | Tags: Bugs IE , Repara IE , hacks IE , adică chestiunile care , IE6 , tutoriale | postat în CSS

2008 15 martie 2008

Iritante Cutii Selectaţi vizibil prin diviziile Popup

La ocazii mai multe, în timp ce faci machete de pagini cu divizii pop-up / lumini / Sfaturi, etc am ajuns în situaţii în care unele obiecte de formular SELECT se întâmplă să fie în conformitate cu aceste diviziunile pop up, de proiectare şi arată, prin .... YuK!

Ei bine! ai putea rezolva cu usurinta acest lucru prin ajustarea dvs. Z-INDEX valori corespunzător pentru FF si IE7. Dar, bun vechi (joc de cuvinte destinate), IE6 nu se comporta ca destinate .... Arată BOX SELECT, prin, chiar şi după aplicarea unor drastic ridicate Z-INDEX valori de la Divizia de PopUp ... Dezamăgire!!

Nu există soluţii pentru această problemă, dar există, cred eu, mai mult decât o modalitate de a lucra câteva, în jurul valorii de această problemă, dar im aici să vă spun mai simplă soluţie pe care am folosi, care functioneaza bine pentru mine, în cea mai mare parte cazuri ....

"Ascunde ROUGE BOX Selectaţi când SHOW POPUP"
Pur şi simplu, în fragmentul de script-ul dvs. în cazul în care va arăta pop-up, adăugaţi o bucată de script pentru a seta vizibilitatea Box SELECT pentru a "ascuns"
document.getElementById ('my_select') style.visibilty = "ascuns".;
Şi amintiţi-vă să-l dăm înapoi pe Închidere a diviziei de PopUp
document.getElementById ('my_select') style.visibilty = "vizibil".;

în cazul în care "my_select" este ID-ul de Box iritare SELECT

Sper că acest lucru ajută la ...

PS. Există opţiuni, cum ar fi desigur alte positionining dinamic un IFRAME (aceeasi dimensiune ca ai pop-up) în conformitate cu DIV Popup ... Acest lucru functioneaza prea bine, dar cu un plus de incarcatura de elemente DOM, Scripturi si dureri de cap. Am folosit această soluţie de asemenea, şi dacă aveţi nevoie de ajutor cu această opţiune, nu să-mi spuneţi. Va fi bucuros să vă ajute!

nici un comentariu | Tags: Bugs IE , Repara IE , hacks IE , adică chestiunile care , IE6 | postat în quirks Navigator , CSS , HTML , JavasScript

2008 08 ianuarie 2008

Comentarii Condiţionat: Pentru ca schimburile de-Numai partea Duex

Câteva luni mai devreme am vazut, cum am putea include o bucata de CSS care ar fi vizibile doar la IE6 ( Pentru schimburile de dvs. Numai ). Există şi alte modalităţi de a realiza acest lucru, de asemenea. Include o simplă separat CSS, specifice IE ţintă. acest lucru ar putea fi realizat cu ceea ce este numit ca Comentariile condiţionate.

Comentarii condiţionale este o modalitate de a detecta tipul de browser şi versiune. De detectare a browserului este efectuat pentru a se asigura că conţinutul prezentat browser-ul specific. De detectare a browserului se poate face folosind mai multe tehnici diferite. Această metodă are mai multe avantaje fata de metodele anterioare, care a inclus schimbarea stilului folosind javascript. Pentru a lista de important puţini, ar fi;

Scripting, nu este necesară
Cross-browser

Cum facem acest lucru?

Fă ceva în IE 5 numai


Fă ceva în toate versiunile IE 

Fă ceva, în toate versiunile de IE mai noi, care IE 5
</script> <![endif]-->

Pentru mai multe vartiations condiţionate, citiţi aceste informaţii pe MSDN:
Despre Comentariu condiţionată

comentarii | Tags: Bugs IE , Repara IE , hacks IE , adică chestiunile | Posted in quirks Navigator , CSS , HTML , JavasScript

2007 15 septembrie 2007

Ce sunt doctypes? Care sunt quirks BROWSER si modul strict?

Vorbind simplu (pentru cei care nu au auzit despre DOCTYPE înainte de astăzi)! DOCTYPE este declaraţia într-un document HTML care vine înainte de tag-ul <HTML>, care arată ceva de genul acesta (lipit de la sursa a acestei pagini foarte)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

De ce să folosiţi DOCTYPE?
Totul a început atunci când standardele browser-ului au fost introduse de W3C. Dezvoltatorii web anterioare puse în aplicare CSS în funcţie de dorinţele de browsere, pentru a avea paginile prestate în mod corect în ele şi de cele mai multe site-uri au avut CSS care nu se potrivesc destul de aceste specificaţii / standarde.

Prin urmare, soluţia la această problemă a fost

permite dezvoltatorilor web care ştiau standardele lor de a alege modul de a utiliza.
continua afişarea paginilor vechi, în funcţie de vechi (ciudateniile) norme.

Şi DOCTYPE sa născut.

Deci, pe baza dacă pagina este proiectat la standarde sau nu, alegeţi DOCTYPE.

Relaţia între modurile de DOCTYPE & Browser
DOCTYPE este declaraţia pe care spune browser-ul ce mod ar trebui să facă, în pagina HTML sau, mai degrabă a fi mai precis modul în care ar trebui să interpreteze browser-ul în CSS, modul quirks sau modul de stricte.

Paginile vechi scrise înainte de aceste standarde au fost introduse nu au un DOCTYPE. Prin urmare, atunci când nu există nici un DOCTYPE HTML în browser-ul dvs., atunci este în modul quirks.
Dar dacă DOCTYPE este definită ca fiind una dintre următoarele, atunci browser-ul este declarat a fi în modul strict.