Pagpapahayag ng IT

Nagkaroon ang kakaiba isyu na ito, kung saan ang isang piraso ng Javascript nagtrabaho multa sa lahat ng mga ans browser tulad ng dati bar ng IE ... Simple ito ay, ngunit dahil ang script ay hindi isinulat ko, kinuha ng isang habang upang i-debug ang error na "Bagay ay hindi sumusuporta sa ito ari-arian o paraan" na lamang ang IE ay pagkahagis up. Marahil! Kung ako ay upang isulat ang script, hindi ko ay may error na ito sa lahat, bilang hindi ihalo ang aking mga variable na pangalan sa patlang na ID :).

Problema: Bagay ay hindi sumusuporta sa ito ari-arian o paraan (sa linya 3)

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

Solusyon:
Ang error ay binuo sa ang thirdrow ng sa halimbawa sa itaas (Line 3 ... "shortdesc = document.getE ...."). Ako sinubukan lahat ng uri ng mga hangal na mga bagay, na wala ako ay kahit na nagkakahalaga ng banggitin dito at sa wakas hulaan kung ano! lamang ang pagbabago ng shortdesc var sa iba pa kayong mapupuksa ang error. Talaga! Ang pangalan ng variable ay may sa iba't-ibang mula sa fieldID

Dahil ang radio button at ang teksto ay inline, kaya ang teksto ay ihanay mismo sa ilalim ng pindutan ng radyo, Ang ang teksto ay lilitaw upang maging bahagyang sa ilalim ng radio button.
Kung gusto mo ito upang ihanay sa tuktok, makikita mo ilagay ang radio at ang teksto sa magkahiwalay na lalagyan tulad ng mga divs o sumasaklaw (bilang naaangkop) at sila ay mag-ingat ng pagkakahanay. Magiging mas madali gumamit ng mga cell sa talahanayan masyadong, ng iyong disenyo maikling Pinapahintulutan ito.

Hindi na ito ay tumingin sa parehong sa bawat browser, pati na ang bawat browser ay nagpapakita radios bahagyang naiiba, kaya doon ay palaging pagpunta sa isyu ng laki kahit na kung ano ang gagawin mo.

Pagsisimula ng Google ng isang kilusan na prompt mga tao sa tambakan ng basura IE6 ... Sa pamamagitan ng bugging IE6 gumagamit sa isang popup sa pahina ng pagkarga ... ay maaaring hindi isang magandang ideya ... pero pagiging isang UI developer, mayroon akong sumali sa band kariton ... isa mas mababa browser para sa akin ay mag-alala tungkol sa ... Paumanhin makasarili ito ay! ngunit ako ay isama ang javascript na ito ... (Subukan ang PAGE SA IE6) ...
Uy! at sa ang maliwanag na tala ... Tingnan ito ay isang pagpapakita ng kapangyarihan ng JavaScript .... maaari itong dalhin kahit isang higanteng (o kapag ito ay)

KAYA ... Tulong mapupuksa ang mundo ng IE6 sa isang linya ng javascript!

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

Sa isa pang browser sa pangangalaga mula sa bukas! (IE8 pagdating ng nito Beta Estado bukas) ... nito talagang mataas na oras IE6 ay ibinigay nito Long Dahil awa Kamatayan ... United namin tumayo para sa pagkahulog ng IE6

"IE6 ay ang bagong Netscape 4. Ang mga hacks na kinakailangan upang suportahan ang IE6 ay increasingly tiningnan bilang labis na kargamento. Tulad ng Netscape 4 noong 2000, IE6 ay pinaghihinalaang na pagtitimpi sa web. "

Sa Jeff Zeldman, pamantayan gurong hindu

At samantala para sa mga tulad ng sa akin na bahain sa mga tawag ng paglabag ng mga CSS layout sa IE8, dito ay ang lumang gawain sa paligid ng / ayusin gamit ang Meta Tags (meta http-equiv = "X-UA-katugmang") maaari mong subukan ...

Masama behaving IE8: CSS Layout breakages na (-target ang isang bersyon ng browser na gamit ang mga meta tag sa IE8)

Kung ikaw ay ang css tao, alam mo ang sakit sa pagkuha ng iyong mga layout gumagana ang cross-browser. IE8 ay isa pang spanner sa gumagana para sa amin mga developer. Anywaz! kung pinindot ninyo sa isyung ito, Tulad ko kahapon, kung saan ang iyong ganap na gumagana ang CSS sa IE7 (at mas maaga) at Firefox ay biglang nagsimula pagkahagis ang mga tantrums sa IE8, subukan ito ... mabuti Ito tila upang ayusin ang aking mga problema para sa mga sandali ....

Paggamit ng Meta pahayag, maaari naming tukuyin ang rendering engine gusto naming IE8 gamitin. Kaya pilitin IE8 sa render ng IE7 ... Ipasok ang sumusunod na meta tag sa head ng iyong dokumento: -

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

Sa pamamagitan ng default IE Meta ay: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
na kung saan ay gumawa ng mga IE8 render ang pahina gamit ang bagong mga pamantayan ng mode.

Kung kinakailangan, ang syntax na ito ay maaaring gamitin upang accomodate para sa iba pang mga browser tulad ng sa ibaba:

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

KARAGDAGANG sa Tungkol DOCTYPES:

KUNG ikaw ay pa pamilyar sa ng uri ng hayop na tinatawag na "Doctype" ... dito ay ang ilang mabilis na basahin
Ano ang DOCTYPES? Ano ang mga mga browser QUIRKS & MAHIGPIT Mode?
Pagtatakda ng DOCTYPE sa XSL

Para sa isang mas malalalim na-unawa tungkol sa DOCTYPES, subukan ang pagbisita sa mga link na ito ...
Listahan Bukod: Ayusin ang Iyong Site Gamit ang right DOCTYPE!
A List na Bukod: Higit pa na DOCTYPE: Web Standards, Ipasa Kakayahan, at IE8

Tandaan: Kahit na marami sa atin HTML / CSS tao ay neglecting ang kahalagahan ng DOCTYPE decleration sa aming mga dokumento, Pagtatakda ng tamang DOCTYPE, ay karaniwang ang sagot sa pinaka krus isyu browser.

Sa Firefox ... minsan maaari mong napansin na ang cursor ay nagsisimula kumikislap sa screen. Maaaring mangyari kapag nag-click sa anumang mga elemento sa pahina, ang isang dibisyon o ng isang imahe atbp ito kumikislap cursor sa window ng browser ay talagang isang access Tampok ng FireFox ay tinatawag na 'kareta pag-browse'. Ito tampok ay nagbibigay-daan sa / nagbibigay-daan sa mga gumagamit upang piliin ang teksto sa pahina sa keyboard (Aling namin normal malamang na gawin sa paggamit ng aming mouse).

Na rin! kung gusto mo donot ang tampok na ito ... simpleng pindutin ang "F7" upang i-toggle ang mga ito sa maling at vice-versa (kung nais mo itong SA). Maaari mo rin i-type ang "tungkol sa: config" sa address bar (uri ng sa "sa kareta" sa filter box) at simpleng i-double click upang baguhin ang pagpipilian na "accessibility.browsewithcaret" mula sa "true" (Lumiko kareta-browse SA) sa "huwad "(i kareta-browse OFF)

CSS para sa mga Non-IE Browser: Ang walang balita sa CSS developer na, CSS Selectors Bata tulad ng halimbawa sa ibaba, Mukhang hindi gumagana sa IE.

hal div> span {ilang css}, na nangangahulugan na "kapag ang isang elemento ng span ay isang bata (at HINDI isang apo o malaking maharlika anak atbp) ng isang sangkap ng division".

Ngunit ginagamit namin ito salungat sa aming kalamangan. Kasaysayan, ng bata pili ay ginagamit upang itago ang mga utos ng CSS mula sa IE. Lamang sa pamamagitan ng paglalagay ng html>body sa harap ng anumang CSS utos IE ay huwag pansinin ito:

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

Ito gumagana dahil <body> ay palaging isang anak ng <html> - maaari itong siyempre hindi maging isang apo o apo sa tuhod ng <html> .

Ngayon na ang IE 7 ay nauunawaan ng bata selector, kailangan mong magpasok ng isang walang laman na tag ng komento sa direkta pagkatapos ng mas malaki kaysa sa pag-sign IE 7 ay hindi maunawaan na ito selector (na alam kung bakit!?) At samakatuwid lubos na huwag pansinin ang utos ng CSS.:

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

Kung hindi pa nakikita ang mga bago, magkaroon ng isang read sa pamamagitan ng mga sumusunod na pati na rin

• Kondisyon Comments: Para sa ang iyong Duex ngian lamang-Bahagi
• CSS pataga: Javascript, CSS, HTML para sa Firefox lamang
• Para sa iyong ngian lamang

Gaya ng dati, isa sa sa maraming mga ilang kakaibang mga problema sa IE at ito ay dapat na ranks sa TOP 10 ng IE Quirks.

Ang PROBLEMA pahayag (ito ay ang aking problema, maaaring mayroon kang katulad misbehaviors):
Mayroon akong maraming div sa pahina sa klase sa "sectionhead", kung saan ay walang anuman kundi pamagat ng isang seksyon sa pahina. Kaya ko na ang estilo ng ilang mga naghahanap na tulad nito

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

Ang div ay isang liwanag na kulay-abo ng bar na may ilang mga itim na teksto. Ano ang mangyayari sa IE ay ang ilan sa mga header ng seksyon na ito ay ipinapakita ok, ngunit ang ilang mga invisible, HANGGANG, mag-scroll mo ang pahina o i-click ang isang bagay sa ang pahina atbp minsan malamang sila upang mawala kapag nag-click ang 'alt' key kapag pahina ng pababa o mag-scroll sa scroll bar. Mukhang sila minsan sa lumitaw na muli kapag ikaw ay i-reload (F5) ang pahina. Akong maikling lubos simpleng div na may ilang simpleng estilo behaves masama.
Ano ang maaaring maging sanhi ng tulad ng isang mali-mali pag-uugali? Na rin! Lantaran, WALANG IDEA!!!

Posibleng solusyon:
Muli ko hindi na akong tatanungin kung bakit, ngunit sa maraming pagkakataon ang problemang ito ay may upang maglaho kapag nagdagdag ka ng position: may kaugnayan sa mis behaving elemento estilo, tulad nito

. Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px; posisyon: kamag-anak}

Kakaiba ngunit kung ano ang sinasabi? Diyos pagpalain ako mula sa IE!

AT MERON Ibahagi sa US, kung mayroon kang katulad na problema.

Maraming mga isang beses na pakiramdam namin ang pangangailangan upang isulat ang browser specfic hacks (bagaman ito ay hindi isang mahusay na kasanayan, namin UI developer ay may resort sa mga tulad na mga evils hanggang ang dakilang Wars Browser pagdating sa isang pansamantalang kapayapaan). Mas maaga, ako ay nabanggit sa artikulong ito Para sa iyong ngian lamang , kung paano sumulat ng isang snippet ng CSS na makikita sa IE browser <IE7 lamang.

Kahapon, ako ay may isang kaso, kung saan nais kong isulat ang ilang FireFox tiyak na CSS snippet. Na rin! Hindi ako siguraduhin kung may isang CSS code para sa ngunit doon ay isang HTML. MAY catch A Kahit na, ito piraso ng ng HTML doesnot pagpapatunay pass HTML. Subalit, anywaz! Kung ikaw ay stuck masama o bilang tulad, walang patungkol para sa pagpapatunay (minsan mayroon kaming maging malupit), maaari mong gamitin ang sumusunod na idedeklara ng isang link sa isang FF lamang stylesheet o kahit na lamang ang code ng CSS sa loob ng block na ito. Ang code ay

<comment> Ilagay ang iyong FireFox lamang HTML / CSS / Script dito </ komento>

hal
<comment>
<style>
/ * Estilo para sa FF lamang * /
fieldset {border: 1px solid # dddddd;}
</ Estilo>
</ Komento>

Ko "m masaya para sa mga sandali ...

Oh Well! Sa ang mas maaga post ng ilang araw na pabalik tungkol Opacity sa IE8, Nakalimutan ko ang sa banggitin ang isang mahalagang punto na "IE 8 mahigpit na mode ay hindi pinapayagan para sa CSS opacity".
Para sa mga donot maunawaan kung ano ang ibig sabihin ko sa pamamagitan ng mahigpit na mode, dito ay mabilis na tutorial .

Ang isang trabaho sa paligid na ito (Bago IE dev koponan nauunawaan na mayroon silang ng aspaltado paraan para sa mga muling-trabaho gawain sa buong mundo, para sa mga web-site na gumagamit ng mga Pop-up na lightboxes sa ilang mga opacity, at ibalik suporta para sa opacity) ay gumamit ng isang semi transparent imahe ... mas mabuti sa PNG format (ako ay may masamang karanasan nakakakuha ng transparent GIF larawan upang magtrabaho bilang sila ay dapat na). Lumikha ng isang PNG na imahe ng kulay at porsyento ng transparency gusto mo, sa iyo paboritong editor ng imahe at gamitin ito bilang isang imahe sa background para sa iyong lightbox overlay.

ibig sabihin
Sa halip ng isang bagay tulad nito

. Lighbox_overlay {
background-kulay: # ffffff;
z-index: 1001;
-Moz-kalabuan: 0.6;
opacity: .60;
filter: alpha (opacity = 60);
}

Gawin ito ....

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

Upang subukan ito, CLICK HERE! | SA DOWNLOAD, CLICK HERE!