Jesprimi IT

Ħin u aktar mill-ġdid, Meta l-browsers oħra jidhru li jaġixxu kif qallek mir-regoli W3C, spirali IE inti out ta 'l-ispirtu iżvilupp billi jitfg tantrum, li ma jidhirx li għandhom jiffissaw. Biss tali wieħed huwa din il-kwistjoni IE7.

Dikjarazzjoni Problema:
I u għalhekk jista 'ħafna mill-iżviluppaturi web oħra serji nnotajt aktar minn kemm il-darba, li l meta jkun hemm nested sufruni fit-tqassim, fuq imbagħad jerġgħu fuq xi links (tags ankra), il-kontenitur li jkun fih jidher li ċċaqlaq pixels ftit lejn il-lemin . I ppruvaw soluzzjonijiet google għal din il-kwistjoni, iżda kważi ma sabet l-ebda tweġiba raġonevoli li għaliex u meta dan iseħħ (li jistgħu jgħinu biex jevitaw din il-kwistjoni mill jiġri), b'hekk jien qatt ma sabu soluzzjoni ċara għall-problema jew ...

Possibbli Soluzzjoni:
Minn esperjenza, għandi fil-mija avviż 90% tal-ie drabi, li din il-kwistjoni huwa ffissat billi jiżdied proprjetà zoom fid-definizzjoni CSS tal-kontenitur ħażin iġib ruħu ...

 # {Somediv
       zoom: 1;
 }

mill-ġdid ir-raġunijiet huma ambigwi ... jippruvaw dan ...
Xi elementi fl-IE għandhom "hasLayout" proprjetà, li huwa "vera" fil-kontumaċja. Ħafna imgieba viżwali CSS, per eżempju, 1 filtru alfa biss xogħlijiet fuq element li hasLayout. u l-{Zoom: 1} tidher li tagħti l-elementi fil-mira l-proprjetà hasLayout .... Utli? I dont think so ...

Il-proprjetà zoom huwa wkoll jidher li appoġġjat mill Chrome, iżda bis-saħħa l-użu tiegħu jidher li jagħmlu effett negattiv ħafna fuq it-tqassim tiegħi ... jippruvaw dan, Jekk din taħdem għalik ... jekk ma jiġrix dan, Immarka din il-paġna taħt 'Craps CSS "

Google jibda nies moviment fil-pront li jifqgħu IE6 ... Permezz utenti bugging IE6 bil popup fuq tagħbija paġna ... jista 'jkun ma tkunx idea tajba ħafna ... imma li l-iżviluppatur UI, I għandhom jingħaqdu ma' dan vagun band ... 1 browser inqas għalija għalfejn tinkwieta dwar Jiddispjacini ... egoist hu! imma jien jinkludu dan javascript ... (TRY DAN PAGE FIL IE6) ...
Hey! u fuq in-nota isbaħ ... Ara dan hija wirja ta 'l-POWER ta' JavaScript .... tista 'anki tnaqqas il ġgant (jew darba kien)

DO ... Help rid-dinja ta 'IE6 ma' linja ta 'javascript!

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

Jekk inti persuna css, inti taf l-uġigħ fil jkollna taqsim tiegħek tax-xogħol trans-browser. IE8 huwa pass ieħor spanner fil-xogħlijiet għall-iżviluppaturi us. Anywaz! jekk inti hit fuq din il-kwistjoni, Like I għamlet il-bieraħ, fejn CSS perfettament tax-xogħol tiegħek fil IE7 (u qabel) u Firefox f'daqqa waħda bdew jitfg tantrums fil IE8, TRY Dan ... Huwa nicely deher li jiffissaw il-problemi tiegħi għall-mument ....

Bl-użu dikjarazzjoni Meta, nistgħu jispeċifikaw il-magna tirrendi nixtiequ IE8 għall-użu. Allura li seħħ IE8 li tirrendi bħala IE7 ... Daħħal il-Tag Meta ġejja fil-kap tad-dokument tiegħek: -

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

Permezz ta 'default Meta IE tkun: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
li tagħmel IE8 tirrendi l-paġna tintuża l-modalità istandards ġodda.

Jekk meħtieġ, dan sintassi jistgħu jintużaw biex jakkomodaw għal browsers oħra kif imniżżel hawn taħt:

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

AKTAR Dwar DOCTYPES:

Jekk inti għadhom familjari mal-tip ta 'annimal imsejħa "Tags" ... hawn xi taqra malajr
X'inhuma DOCTYPES? X'inhuma quirks Browser u Mode QRIB?
Twaqqif tal-Tags fil XSL

Għal aktar għarfien fil-fond dwar DOCTYPES, ipprova jżuru dawn il-links ...
A Lista Apparti: Waħħal Your Site Bil-Dritt Tags!
A Lista Apparti: Lil hinn Tags: Istandards Web, Forward Kompatibilità, u IE8

Nota: Għalkemm ħafna minna HTML / CSS nies ġew jittraskuraw l-importanza ta decleration Tags fid-dokumenti tagħna, Twaqqif tal-Tags dritt, huwa normalment ir-risposta għall-kwistjonijiet browser aktar transkonfinali.

CSS għall mhux IE Browsers: Tagħha ebda aħbar lill-iżviluppaturi CSS li, CSS seletturi Tfal bħall-eżempju hawn taħt, ma jidhirx li jaħdmu fl-IE.

eż div> medda {xi css}, li tfisser "meta element medda huwa tifel (u MHUX neputi jew it-tifel/tifla grand kbira eċċ) ta 'element diviżjoni".

Iżda aħna użat dan CON għall-vantaġġ tagħna. Storikament, is-selettur minuri ġew użati biex jaħbu jikkmanda CSS minn IE. Sempliċiment billi tqegħid html>body quddiem kull IE kmand CSS se jinjora dan:

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

Dan jaħdem minħabba <body> huwa dejjem wild ta <html> - jista naturalment qatt ma tkun neputi jew kbira-neputi ta ' <html> .

Issa li IE 7 jifhem is-selettur tfal, trid iddaħħal tag kumment vojt fil direttament wara l-akbar minn sinjal IE 7 mbagħad ma jifhmu dan selettur (li jaf għaliex!?) U għalhekk se tinjora totalment dan il-kmand CSS.:

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

Jekk ma jkunux diġà raw dawn qabel, għandhom jaqra permezz li ġej kif ukoll

• Kummenti Kundizzjonali: Għal IES Biss-Parti tiegħek Duex
• CSS Hack: Javascript, CSS, HTML għal Firefox biss
• Għal IES tiegħek biss

Bħas-soltu, wieħed mill-ħafna xi problemi stramba ma IE u dan wieħed għandu jikklassifika kull 10 TOP tal quirks IE.

DIKJARAZZJONI TAL-PROBLEMA (Dan kien problema tiegħi, forsi inti għandek misbehaviors simili):
Għandi DIV ħafna huwa fil-paġna mal-klassi "sectionhead", li huwa xejn imma titolu ta 'taqsima dwar il-paġna. So I xi stil tfittex bħal dan

. Sectionhead {font-daqs: 18px; isfond: # cfcfcf; ikkuttunar: 5px;}

Il div huwa bar griż ċar ma 'xi test iswed. X'jiġri fil IE huwa xi wħud minn dawn headers taqsima huma murija ok, imma xi wħud huma inviżibbli, sakemm, inti iscroll il-paġna jew ikklikkja xi ħaġa fuq il-paġna eċċ F'xi dawn għandhom tendenza li jisparixxu meta inti ikklikkja l-"alt" ċavetta meta inti paġna isfel jew iscroll mal-iscroll bar. Huma xi drabi jidhru li jerġgħu jitfaċċaw meta inti rikarigu (F5) il-paġna. I qasir DIV perfettament sempliċi ma 'xi stil sempliċi jaġixxi BAD.
Liema jista 'jikkawża tali mġiba irregolari? Ukoll! Franchement, NO IDEA!

POSSIBBLI SOLUZZJONI:
Għal darb'oħra ma jitolbux me why, iżda f'ħafna każijiet din il-problema tendenza li jgħibu meta inti żid pożizzjoni: relattiva għall-ħażin iġib ruħu elementi stil, bħal din

. Sectionhead {font-daqs: 18px; isfond: # cfcfcf; ikkuttunar: 5px; pożizzjoni: relattiva}

Stramb imma dak li jgħidu? God Bless me minn IE!

U DO SHARE MA US, JEKK INTI HAD problemi simili.

Oh Well! Fil-post preċedenti ftit jiem lura dwar Opacità fil IE8, I nesa li jsemmi punt importanti li "IE 8 modalità stretta ma tippermettix CSS opaċità".
Għal dawk li donot jifhmu dak li jfisser by stretta, hawnhekk hija tutorja malajr .

A xogħol madwar dan (Qabel IE tim DEV jirrealizzaw li dawn ikollhom mod witta għar-ri-xogħol rutini fid-dinja kollha, għal-siti web bl-użu Pop-up lightboxes ma 'xi opaċità, u li jqiegħdu lura l-appoġġ għall opaċità) huwa l-użu immaġni trasparenti semi ... preferibbilment f'format PNG (I kellhom esperjenza ħażina jkollna immaġini trasparenti GIF li jaħdmu bħala li kienu suppost). Tinħoloq dehra PNG tal-kulur u l-perċentwali ta 'trasparenza li tixtieq, fil inti editur image favoriti u tużah bħala isfond image għall overlay Lightbox tiegħek.

jiġifieri
Minflok xi ħaġa bħal din

. Lighbox_overlay {
isfond bil-kulur: # ffffff;
z-indiċi: 1001;
-Moz-opaċità: 0.6;
opaċità: 0.60;
filtru: alfa (opaċità = 60);
}

Agħmel dan ....

. Lighbox_overlay {
isfond: (bkg.png) url ripetuti;
}

Li jippruvaw dan, CLICK HERE! | download, CLICK HERE!

Jekk inti viewing din il-paġna fil IE8, imbagħad inti għandek tkun qed tara sfond kollu abjad opak wara din il-kariga. Ilbieraħ, collegue tiegħi għarrfet lill lili (As I am wieħed minn dawk in-nies li jadattaw għall-bidliet bil-mod u sod ... speċjalment browsers. Jista jgħidu, Im a coward, iżda dan ikun hekk .... Li iżviluppatur UI, jien dejjem shit jibża 'verżjonijiet browser ġodda ... inti taf liema Im tlaking dwar, id-dritt?)

Digged madwar għal filwaqt li, jippruvaw isibu soluzzjoni biex jiffissaw dan u allura dak ...
Din id-darba KOLLHA browser tagħna ĦIN favoriti għamel dan mill-ġdid billi twaqqa l-appoġġ kollu għall-opaċità CSS. In-non-standard 'filtru: alfa (opaċità = # #)' attribut CSS tneħħa, Nizza, iżda huma wkoll totalment nesa li jżidu CSS3 opaċità ta 'appoġġ (bħal kif l-browser oħra huwa nicely għandhom jinżammu fil). Għalhekk, għall-ewwel darba mill ALLA qalulna dwar CSS opaċità (mill-IE 5.0, I raden), a web browser mhux se tappoġġja opaċità CSS.
U issa għall-krema fuq top: kelma Uffiċjali minn IE 8 tim? Huwa "minn" u "li aħna se jikkunsidra dan f'verżjoni futura ta IE".

PS: Ipprova din il-paġna fil FF, naħlef jidher pulita!

Jekk ikollok qatt sar (jew jagħmlu waħda) Menu Vertikali jużaw punti lista (li) tags u CSS, inti tista 'tiltaqa, dan énième bug fl-Internet Explorer, fejn IE 6 inserzjonijiet dawn lakuni bejn oġġetti lista li fihom elementi livell blokk, jiġifieri jekk ikun hemm xi whitespace bejn l-oġġetti lista fil-markup. Grazzi, iżda l-ebda grazzi, il-verżjoni IE 7 jidher ħielsa minn dan bug.
Jekk simili me, u ħafna aktar, inti jappartjenu għal din il-medda ta 'żviluppaturi frustrati, li għad iridu jiksbu taqsim ġdid tagħhom, li jaħdmu fil IE6 wisq, allura dan jista' jkun utli. Agħti ħarsa ...

Awment Kampjun:

<ul id="menu">
<li> <a href="#"> Home </ a> </ li>
<li> <a href="#"> Dwar </ a> </ li>
<li> <a href="#"> Servizzi </ a> </ li>
<li> <a href="#"> Portafoll </ a> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Contact Us </ a> </ li>
</ Ul>

Inti tista 'toħloq xi CSS, simili għal wieħed hawn taħt, biex transfrom-awment hawn fuq ġo menu vertikali ....

Kampjun CSS ...
# {Menu
marġni: 0; ikkuttunar: 0; isfond: # FF9900;
lista tal-istil tat-tip: xejn; wisa ': 150px;
}
# Menu LI {marġini: 0; ikkuttunar: 0;}
# Menu 1 {display: block;
kulur: # 555555;
test tiżjin: xejn;
ikkuttunar: 0 15px;
linja tal-għoli: 2.5; fruntiera tal-qiegħ: 1px solidu # FFF;
}

Ir-riżultati se tara ...

Soluzzjoni għal dan bug ... (modifikat / miżjud CSS b'tipa qawwija korsiva)

# {Menu
marġni: 0; ikkuttunar: 0; isfond: # FF9900; lista stil tat-tip: xejn; wisa ': 150px;
float: xellug; / * din tinkludi oġġetti lista imqiegħed * /
}
# Menu LI {
marġni: 0; ikkuttunar: 0;
float: xellug; / * Dan jiffissa l * /
wisa ': 100%; / * bug whitespace fil IE6 * /
}
# Menu 1 {
display: block; kulur: # 555555;
test tiżjin: xejn;
ikkuttunar: 0 15px;
linja tal-għoli: 2.5; fruntiera tal-qiegħ: 1px solidu # FFF;
}

Jekk il-doesnot soluzzjoni hawn fuq jidhru li qed jaħdmu (għal raġunijiet magħrufa li IE6 biss) ... tipprova dan il-metodu minflok

Just żid dan stili biss addizjonali IE6 għall Markup tiegħek ...

<-! [Jekk lt IE 7>
<style type="text/css">
# Menu LI 1 {display: inline-blokk;}
# Menu LI 1 {display: block;}
</ Style>
<[Endif] -!>

Post IE 6, MSIE kien xorta biżżejjed biex lilna iżviluppaturi UI billi żżid ftit proprjetajiet ftit aktar CSS standard li ħafna browsers standard oħra. Wieħed proprjetà utli tali "min-għoli". Proprjetà pjuttost ħafif li teħtieġ ebda spjegazzjoni għal xejn b'xejn twil. Meta min-għoli għal diviżjoni huwa stabbilit, dejjem żżomm dak l-għoli sett meta l-kontenut huwa djar tokkupa inqas milli tista 'żżomm u importanti (b'differenza mill-pjanura vanilla "għoli" proprjetà) iskali jew fi kliem CSS, dan iġib ruħu bħala diviżjoni li "għoli" huwa ssettjat għal "auto" ...

Għal xi minna iżviluppaturi foqra, li għadhom huma meħtieġa għall-kodiċi CSS li għandu wkoll jaħdmu IE6, un disponibbiltà tal-"min-għoli", jista 'jinħass tapp juru f'xi ... disprament donot.

Fortunatament, għandna quirks biżżejjed fil IE, li aħna se tuża għall-vantaġġ out u Hack mod tagħna permezz biex jilħqu mira tagħna ... jiġifieri jagħmlu diviżjoni DIVIŻJONI bħallikieku tagħha min-għoli fil IE6

Soluzzjoni 1: Uża l-Hack jenfasizzaw [ ... Aqra iktar ]

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

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

---

Soluzzjoni 2: Uża l-attributi tas-CSS selettur 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>


Il-attributi tas-CSS selettur Hack jieħu vantaġġ mill-fatt l-browsers aktar kmieni IE6 THA injorati 1 atribute-selettur. Innota l-ħtieġa ta 'taqsima oħra kontenitur mal-klassi = "someclass". Biss il-presense 'l-attribut klassi għal din id-diviżjoni, tipprevali l-għoli lura għall-karozzi għall Opera, Mozilla u MSIE7 u aktar tard. IE6, li ma tappoġġjax seletturi atribute, tinjora dan.

Ara Demo tal-Hack min-għoli għall IE6

F'diversi okkażjonijiet, filwaqt li tagħmel layouts paġna ma 'diviżjonijiet popup / lightboxes / Tips eċċ aħna jiltaqgħu sitwazzjonijiet fejn xi oġġetti Formola TAGĦŻEL jiġri li jkun taħt dawn id-Diviżjonijiet Popup, mid-disinn u dan juri permezz .... YUK!

Ukoll! inti tista 'faċilment FIX dan billi jaġġusta Z-INDIĊI valuri tiegħek b'mod xieraq għal FF u IE7. Iżda Tajba Old (pun maħsuba) IE6 ma jaġixxix kif maħsub .... Il juru KAXXA TAGĦŻEL permezz, anke wara li inti tapplika xi drastikament għolja Z-INDIĊI valuri li Diviżjoni Popup tiegħek ... Bummer!!

Hemm l-ebda soluzzjoni għal din il-problema, iżda hemm, nemmen, aktar minn mod ftit max-xogħol madwar din il-problema, Imma Im hawn biex jgħidlek l-eħfef soluzzjoni li nuża, li xogħlijiet multa għalija, f'ħafna mill- każijiet ....

"Aħbi l-KAXXA TAGĦŻEL rouge meta inti juru l-popup"

Sempliċiment fil snippet iskrittura tiegħek fejn inti juru popup tiegħek, żid biċċa iskrittura li tiffissa l-viżibbiltà tal-Kaxxa TAGĦŻEL għal "Hidden"

document.getElementById ("my_select") style.visibilty = "moħbija".;

U ftakar li jiġu stabbiliti lura fuq QRIB tad-Diviżjoni Popup tiegħek

. ("my_select") document.getElementById style.visibilty = "viżibbli";

fejn "my_select" huwa l-ID tal-Kaxxa irritazzjoni TAGĦŻEL

Nittama li dan jgħin ...

PS. Hemm għażliet oħra Naturalment bħal dinamiku positionining iframe (daqs istess kif inti Popup) taħt l-DIV Popup ... Dan jaħdem tajjeb wisq, iżda ma 'żieda ta' tagħbijiet ta 'Elementi DOM, skripts u Uġigħ ta' ras. I użaw din is-soluzzjoni wisq, u Jekk għandek bżonn xi għajnuna ma din l-għażla, do let me know. Se jkun ferħan li jgħinu!