Duke shprehur IT

Koha dhe përsëri, kur të gjithë shfletuesit e tjerë shihen të sillen si tha nga rregullat e W3C, spirals IE ju nga e shpirtit të zhvillimit duke hedhur një zemërim i çastit, që nuk duket të ketë një fix. Vetëm një i tillë është kjo çështje në IE7.

Deklarata Problem:
Unë dhe kështu mund shumë nga zhvilluesit e tjera të internetit të rënda kanë vënë re më shumë se shumë një herë, se kur ka mbivendosur gjithandej në shtrirjen, mbi rri pezull mbi disa lidhjeve (Tags spirancë), enë që përmban duket për të zhvendosur një piksele disa të drejta . Kam provuar te google zgjidhje për këtë çështje, por vështirë se kanë gjetur ndonjë përgjigje të arsyeshme në pse dhe kur kjo ndodh (që mund të ndihmojnë për të parandaluar këtë çështje të ndodhë), pra Unë kurrë nuk kanë gjetur një zgjidhje të qartë për problemin ose ...

Zgjidhja është e mundur:
Nga përvoja, unë kam për qind njoftim 90 për qind e dmth herë, se kjo çështje është e fiksuar duke shtuar një pronë zoom në përkufizimin CSS e kontenierëve keq-sjellje ...

 # Somediv {
       zoom: 1;
 }

përsëri arsyet janë të paqarta ... provoni këtë ...
Disa elemente në IE kanë një pronë "hasLayout", e cila është "e vërtetë" by default. Shumë sjellje vizuale CSS, për shembull, një filtër alfa punon vetëm në një element që hasLayout. dhe {Zoom: 1} duket për të dhënë elementeve të synuara pronën hasLayout .... Të dobishme? I dont mendoj kështu ...

Prona zoom gjithashtu duket të mbështetur nga Chrome, por yxhym e saj përdorimi duket për të bërë efekt shumë negativ në paraqitjen time ... provoni, nëse ajo punon për ju ... nëse nuk e bën, bookmark këtë faqe nën "craps CSS"

Google nis një popull lëvizje të shpejta për të hale IE6 ... By përdoruesve të IE6 përgjimi me një Popup në ngarkesës faqe ... nuk mund të jetë një ide shumë e mirë ... por duke qenë një zhvillues UI, unë duhet të bashkohet me këtë kamionçinë band ... një shfletuesi më pak për mua shqetësuar në lidhje me Na vjen keq egoist ... kjo është! por unë kam të përfshijë këtë javascript ... (Provoni këtë faqe në IE6) ...
Hey! dhe në shënim të ndritshme ... Shih kjo është një ekran i Pushtetit të aktivizoni Java .... ajo mund të sjellë edhe poshtë një gjigant (ose një herë se ishte)

SO ... Ndihmoni shpëtoj në botën e IE6 me një linjë të JavaScript-in!

http://code.google.com/p/sevenup/

Nëse ju jeni personi css, ju do të dini dhimbje në marrjen Layouts tuaj të punës kryq shfletuesin-. IE8 është ende një çelës në veprat për zhvilluesit nesh. Anywaz! nëse ju goditi mbi këtë çështje, si unë e bëri dje, ku CSS tuaj të përkryer duke punuar në IE7 (dhe më herët) dhe Firefox ka filluar papritmas hedhur tantrums në IE8, provoni këtë ... Ajo dukej mirë për të rregulluar problemet e mia për momentin ....

Duke përdorur deklaratës Meta, ne mund të specifikoni motorrit interpritim ne do të dëshironim IE8 për t'u përdorur. Pra, për të detyruar IE8 që të merr sa IE7 ... Vendos Tag vijim Meta në krye të dokumentit tuaj: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

By default Meta IE do të jetë: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
të cilat do të bëjnë IE8 faqen duke përdorur mënyrën e re të standardeve.

Nëse kërkohet, kjo sintaksë mund të përdoret për të akomoduar për shfletuesit e tjerë si më poshtë:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

MË SHUMË Rreth DOCTYPES:

Nëse jeni ende të panjohura me lloj kafshe të quajtur "DOCTYPE" ... këtu është një shpejtë lexuar
Cilat janë DOCTYPES? Cilat jane keto lojra fjalesh Browser & mode rreptë?
Vendosja e DOCTYPE në XSL

Për një më shumë në kuptim të thellë në lidhje me DOCTYPES, provoni vizituar këto lidhje ...
Një Lista Përveç: Fix Your Site Me DOCTYPE e duhur!
Një Lista Përveç: Përtej DOCTYPE: Standardet Web, Forward Compatibility dhe IE8

Shënim: Edhe pse shumë prej nesh HTML / CSS njerëz janë neglizhuar rëndësinë e decleration DOCTYPE në dokumentet tona, Vendosja e DOCTYPE duhur, zakonisht është përgjigje për çështjet më kryq browser.

CSS për jo-IE Browsers: Its asnjë lajm për zhvilluesit CSS se, Child Selectors CSS si shembull më poshtë, nuk duket për të punuar në IE.

p.sh. div> p {disa} css, që do të thotë "kur një element span është një fëmijë (dhe jo një nip ose fëmija i madh i madh etj), një element i ndarjes".

Por ne kemi përdorur këtë kontekst në avantazhin tonë. Historikisht, përzgjedhës fëmija ka qenë përdorur për të fshehur komandat CSS nga IE. Thjesht duke e vendosur html>body përpara çfarëdo IE komandës CSS do të injorojë atë:

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

Kjo punon sepse <body> është gjithmonë një fëmijë i <html> - ajo kurrë nuk mund sigurisht të jetë një nip apo stërnip i <html> .

Tani që IE 7 e kupton përzgjedhës fëmijës, ju duhet të futur një etiketë të zbrazët Komenti direkt pas i madh se shenjë IE 7 nuk do të kuptojnë këtë atëherë përzgjedhës (i cili e di pse!?) Dhe prandaj do të injorojë totalisht këtë komandë CSS.:

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

Nëse nuk e keni parë tashmë këto para, kanë një lexoni në vijim si dhe

• Komentet e kushtëzuara: Për Duex IES tuaj Vetëm-Pjesa
• CSS hack: Javascript, CSS, HTML for Firefox vetëm
• Për IES tuaj Only

Si zakonisht, një nga disa probleme shumë të çuditshme me IE dhe këtë duhet të renditet në 10 TOP keto lojra fjalesh e IE.

DEKLARATË E PROBLEMIT (Ky ishte problemi im, ndoshta ju keni misbehaviors ngjashme):
Unë kam DIV shumë është në faqen me të klasës "sectionhead", që është asgjë, por titulli i një seksion në faqe. Pra, unë kam disa stil në kërkim si kjo

. Sectionhead {font-size: 18px; background: # cfcfcf; mbushje: 5px;}

Div bar është një dritë gri me disa tekstin e zi. Çfarë ndodh në IE është disa prej këtyre headers seksion janë shfaqur ok, por disa janë të padukshme, derisa, ju shkoni faqe ose klikoni diçka në faqen etj Dikur ata kanë tendencë të zhduket kur ju klikoni me 'alt kyç kur ju faqe poshtë apo shkoni me bar scroll. Ata nganjëherë duket se rishfaqen kur ju ringarkoni (F5) faqen. I shkurtër një DIV krejtësisht i thjeshtë me një stil të thjeshtë sillet KEQ.
Çfarë mund të shkaktojnë sjellje të tillë një parregullt? E pra! Sinqerisht, NO IDEA!

Zgjidhje e mundshme:
Përsëri nuk do të më pyesni pse, por në shumë raste ky problem priret të zhduket kur ju të shtoni pozitën: në lidhje me sjellje të keq elementet e stilit, si kjo

. Sectionhead {font-size: 18px; background: # cfcfcf; mbushje: 5px; Pozita: relative}

I çuditshëm, por çfarë të thonë? Zoti i bekoftë mua nga IE!

DHE DO SHARE me SHBA, nëse keni pasur probleme të ngjashme.

Oh well! Në postin e mëparshme disa ditë mbrapa në lidhje me perde në IE8, kam harruar të përmend një pikë e rëndësishme se "IE 8 regjim të rreptë nuk lejon CSS errësirë".
Për ata që donot kuptoni se çfarë dua të them me regjim të rreptë, këtu është tutorial shpejtë .

Një punë rreth kësaj (para se IE ekipit dev kuptojnë se ata kanë shtruar rrugën për ri-rutinat e punës në të gjithë botën, për web-faqet duke përdorur Pop-up lightboxes me disa perde, dhe e vuri përsëri mbështetjen për opacity) është që të përdorin një image gjysmë transparente ... mundësisht në formatin PNG (unë kam pasur përvojë të keqe për marrjen imazhe GIF transparente për të punuar si ata ishin menduar për të). Krijo një imazh PNG të ngjyrës dhe përqindja e transparencës që ju pëlqen, në ju redaktor preferuar image dhe e përdorin atë si një imazh sfond për mbulesë tuaj Lightbox.

dmth
Në vend të diçka si kjo

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-errësirë: 0.6;
opacity: 0,60;
filter: alfa (opacity = 60);
}

A kjo ....

. Lighbox_overlay {
background: (bkg.png) url përsëritje;
}

Ta provoni, CLICK HERE! | Për të shkarkuar, CLICK HERE!

Nëse ju po shikojne kete faqe në IE8, atëherë ju duhet të shohim një sfond të errët të bardhë të plotë pas këtë post. Dje, collegue im vuri këtë, për mua (si unë jam një nga ata njerëz që përshtaten me ndryshimet ngadalë dhe në mënyrë të qëndrueshme ... sidomos shfletuesit. Mund të thonë, Im një frikacak, por në mënyrë të jetë ajo .... Duke qenë një zhvillues UI, unë jam gjithmonë mut i frikësuar nga versionet e shfletuesit të ri ... ju e dini se çfarë Im tlaking lidhje, apo jo?)

Gërmuar rreth e rrotull për kohë, duke u përpjekur për të gjetur një zgjidhje për të rregulluar atë dhe pastaj se çfarë ...
Këtë herë shfletuesi GJITHA jonë TIME preferuar ka bërë atë përsëri të gjithë duke rënë të gjithë mbështetjen për errësirë ​​CSS. Jo-standarde `filter: alfa (opacity = # #)` atribut CSS është hequr, Nice, por edhe krejtësisht të harruar të shtoni CSS3 mbështetje Patejdukshmërinë ashtu si dhe si të gjithë shfletuesit tjetër është e mirë kanë mbajtur atë në). Kështu, për herë të parë që Zoti na tha në lidhje me CSS perde (që nga viti IE 5.0, I guess), një shfletues web nuk do të mbështesë perde CSS.
Dhe tani për krem mbi krye: fjala zyrtare nga ekipi IE 8? Ajo është "me dashje" dhe "ne do të konsiderojë këtë në një version të ardhshëm të IE".

PS: Provoni këtë faqe në FF, betohem ai duket i zoti!

Nëse ju keni bërë ndonjëherë (ose për të bërë një) Meny një vertikale duke përdorur sende të listës (li) tags dhe CSS, ju mund të hasni, kjo edhe një bug në Internet Explorer, ku IE 6 fut këto boshllëqe në mes të artikujve lista që përmbajnë elemente të nivelit të bllokojë, të dmth nëse ka ndonjë hapësira të bardha në mes të artikujve në listën Markup. Faleminderit, por jo falë, versioni i IE 7 duket të lirë nga ky bug.
Nëse si unë, dhe shumë më tepër, ju i përkasin këtij grupi të zhvilluesve të frustruar, të cilët ende kanë për të marrë Layouts e tyre të reja, duke punuar në IE6 shumë, atëherë kjo mund të provojë të dobishme. Have a look ...

Markup Shembull:

<ul id="menu">
<li> <a href="#"> Kryesore </ a> </ li>
<li> <a href="#"> Rreth </ a> </ li>
<li> <a href="#"> Shërbimet </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Na Kontaktoni </ a> </ li>
</ Ul>

Ju mund të krijojë disa CSS, të ngjashme me atë më poshtë, për të transfrom e Markup e mësipërme në një meny vertikale ....

Shembull CSS ...
# Menu {
margin: 0; padding: 0; background: # FF9900;
list-style-type: none; width: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menu a {display: block;
color: # 555555;
text-stolisje: none;
mbushje: 0 15px;
line-height: 2.5; kufirit-bottom: solid 1px # FFF;
}

Rezultatet e ju do të shihni ...

Zgjidhja për këtë bug ... (modifikuar / CSS shtuar në shkronja korsive të guximshme)

# Menu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; width: 150px;
noton: la; / * kjo përmban artikuj qarkulloi lista * /
}
# Menu li {
margin: 0; padding: 0;
noton: la, / * Kjo fixes * /
width: 100%; / * bug hapësira të bardha në IE6 * /
}
# Menu a {
display: block; color: # 555555;
text-stolisje: none;
mbushje: 0 15px;
line-height: 2.5; kufirit-bottom: solid 1px # FFF;
}

Nëse doesnot lart zgjidhje duket për të punuar (për arsye të njohura për IE6 vetëm) ... provoni këtë metodë në vend

Vetëm të shtoni këtë shtesë stilet IE6 vetëm për të Markup tuaj ...

<- [Nëse lejtnant IE 7>
<style type="text/css">
# Menu li a {display: inline-bllok;}
# Menu li a {display: block;}
</ Style>
<[Endif] ->

Posto IE 6, MSIE ka qenë e llojit të mjaftueshme për të na zhvilluesit UI duke shtuar një pak më shumë pronave CSS standarde në shumicën e shfletuesit të tjera standarde. Një pasuri e tillë i dobishëm në "min lartësi të". Prona mjaft i drejtë përpara që nuk ka nevojë për shpjegim të gjatë lodhshëm. Kur një min-height për një ndarje është vendosur, ai gjithmonë e mban atë lartësi të caktuar, kur përmbajtja e ajo shtëpi të zë më pak se ajo mund të mbajnë dhe e rëndësishmja (ndryshe nga thjeshtë vanilje "lartësi" të pronës) peshore apo me fjalë të CSS, ajo sillet si një Ndarja e të cilit "lartësi" është vendosur të "Auto" ...

Për disa prej nesh zhvilluesve të varfër, të cilët ende janë të nevojshme për kodin CSS që duhet gjithashtu të punojnë në IE6, un-disponueshmëria e "min-height", mund të provojë një tapë show diku ... dëshpërim donot.

Për fat të mirë, ne kemi quirks të mjaftueshme në IE, që ne do të përdorim në avantazhin jashtë dhe çajë rrugën tonë nëpërmjet të arritur qëllimin tonë ... dmth të bëjë një divizioni sikur i saj min-height në IE6

Zgjidhja 1: Përdorimi i fjalës Hack të theksuar ... Read more ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

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

---

Zgjidhja 2: Përdorimi i Selector atribut Hack CSS

.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>


Selector Attribute CSS Hack merr përparësi për faktin e shfletuesit IE6 më herët tha injoruar një atribute përzgjedhës-. Shënim kërkesat e një ndarjeje enë me class = "someclass". Vetëm presense e klasës atribut për këtë ndarje, refuzon lartësi përsëri në auto për Opera, Mozilla dhe MSIE7 dhe më vonë. IE6, e cila nuk e mbështet selectors atribute, e injoron atë.

Shiko Demo e hack min-height për IE6

Në disa raste, duke bërë Layouts faqe me ndarjet Popup / lightboxes / Këshilla etj ndeshemi me situata ku disa objekte Formoni SELECT ndodh të jetë nën këtyre Divizioneve popup, me dashje dhe kjo tregon përmes .... Yuk!

E pra! ju lehtë mund të rregullojmë këtë, duke rregulluar vlerat Z-index tuaja në mënyrë të përshtatshme për FF dhe IE7. Por mirë Vjetër (lojë fjalësh qëllim) IE6 nuk sillet si qëllim .... Emisioni SELECT BOX përmes, edhe pasi që ju aplikoni disa në mënyrë drastike të larta Z-index vlerave të Division tuaj Popup ... zhgënjim!

Nuk ka rregullime për këtë problem, por nuk janë, besoj, më shumë se një mënyrë pak për të punuar rreth këtij problemi, por Im këtu për t'ju thënë zgjidhje të thjeshtë që kam përdorur, i cili punon mirë për mua, në shumicën e raste ....

Msgstr "Fshih Kutin ZGJIDH Rouge kur ju tregoni Popup"

Thjesht në copë tuaj shkrimit ku ju tregoni popup tuaj, shtoni një pjesë e shkrimit për të vendosur dukshmërinë e Kutisë SELECT për të "fshehur"

document.getElementById ('my_select') style.visibilty = "hidden".;

Dhe mbani mend për të vendosur atë përsëri në fund të Divizionit tuaj Popup

. ('my_select') document.getElementById style.visibilty = "dukshme";

ku "my_select" është ID e Kutisë acarim SELECT

Hope this helps ...

PS. Ka opsione të tjera si ofcourse dinamike positionining një (madhësia e njëjtë si ju Popup pëlqeu iframe nën DIV Popup ... Kjo punon shumë mirë, por me shtimin e ngarkesa të Elemente DOM, scripts dhe dhimbje koke. Unë kam përdorur këtë zgjidhje shumë, dhe nëse ju keni nevojë për ndonjë ndihmë me këtë opsion, nuk më lejoni të dinë. Do të jetë i gatshëm për ndihmë!