Izsakot IT

Laiks un atkal, kad visi pārējie pārlūki reizi uzvesties kā teicis W3C noteikumi, proti, spirālēm, jūs no attīstības garu metot dusmu lēkme, kas nav, šķiet, ir noteikt. Tikai šāds viens ir šis jautājums IE7.

Problēmas formulējums:
Es un tik varētu daudz citu nopietnu web izstrādātāju ir pamanījuši vairāk nekā daudzas reizes, ka tad, ja ligzdotas pludiņus izkārtojuma, kā arī uz lidināties pār dažām saitēm (no enkura tagus), kas satur konteiners šķiet novirzīt dažus pikseļus pa labi . Esmu mēģinājis google risinājumu šajā jautājumā, bet ir grūti atrast jebkādu pamatotu atbildi, kāpēc un kad tā notiek (kas var palīdzēt novērst šo problēmu no notiek), tāpēc es nekad neesmu atradis skaidru risinājumu problēmai nu ...

Iespējamais risinājums:
No pieredzes, man ir paziņojums 90% procentus no reizes, ti, ka šis jautājums tiek noteikts, pievienojot tālummaiņas īpašumu CSS definīcijas nepareizi uzvedas konteinerā ...

 # Somediv {
       tālummaiņa: 1;
 }

atkal iemesli ir neskaidri ... izmēģināt šo ...
Daži IE elementi ir "hasLayout" īpašums, kas ir "patiess" pēc noklusējuma. Daudzi vizuālās CSS uzvedību, piemēram, alfa filtrs darbojas tikai uz elementu, kas hasLayout. un {Zoom: 1}, šķiet, dod mērķa elementi ir hasLayout īpašumu .... Noderīga? I dont think so ...

Tālummaiņas Īpašums arī šķiet, atbalsta Chrome, taču tā izmantošana iedobums, šķiet, lai daudz negatīvu ietekmi uz manu izkārtojumu ... izmēģiniet to, ja tā darbojas jums ... ja tas tā nav, grāmatzīmi šo lapu ar "CSS craps"

Google sāk pārvadājumu ātru cilvēki dump IE6 ... Ar bugging IE6 lietotāji POPUP par lapas ielādes ... var būt ļoti laba ideja ... bet ir UI attīstītājs, man pievienoties šai joslā vagons ... viens mazāk pārlūkprogramma man jāuztraucas par ... Atvainojiet savtīgi tas ir! bet man ir arī šis javascript ... (TRY THIS PAGE IN IE6) ...
Hei! un par gaišāku piezīmi ... Skatīt tas ir displejs POWER JavaScript atbalstam .... tas var pat samazināt milzis (vai kad tā bija)

SO ... Help atbrīvot pasauli no IE6 ar vienu līniju javascript!

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

Ja Jums ir css cilvēks, jūs zināt sāpes kļūst jūsu izkārtojumu darba pārrobežu pārlūku. IE8 ir vēl viena atslēga, kas par mums izstrādātājiem darbu. Anywaz! ja jūs hit uz šo jautājumu, kā es darīju vakar, kur jūsu perfekti strādā CSS IE7 (un senāki) un Firefox ir pēkšņi sāka throwing tantrums IE8, mēģiniet šo ... Tas labi, šķiet, salabot manas problēmas uz brīdi ....

Izmantojot Meta deklarāciju, mēs varam norādīt renderēšanas dzinējs, mēs vēlētos IE8 lietot. Tātad, lai piespiestu IE8 padarīt par IE7 ... Ievietojiet šādu meta tagu galvā jūsu dokumenta: -

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

Pēc noklusējuma IE Meta būtu: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
kas padara IE8 padarītu lapu, izmantojot jauno standartu režīmā.

Ja nepieciešams, to sintakse varētu izmantot, lai pielāgotos citiem pārlūkiem, kā norādīts zemāk:

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

VAIRĀK Par DOCTYPES:

Ja Jums ir vēl svešs ar dzīvnieku veida sauc "DOCTYPE" ... šeit ir daži ātri lasīt
Kas ir DOCTYPES? Kas ir pārlūks quirks un STINGRAS Mode?
Nosakot DOCTYPE XSL

Uz dziļāku izpratni par DOCTYPES, mēģiniet apmeklējot šo saikni ...
List Apart: Fix jūsu vietni ar labo DOCTYPE!
List Apart: Beyond DOCTYPE: Web standartus, kas Pārsūtīt Savienojamības un IE8

Piezīme: Lai gan daudzi no mums HTML / CSS cilvēki ir palicis novārtā nozīmi DOCTYPE decleration mūsu dokumentos, Pareizu DOCTYPE, parasti atbilde uz lielāko daļu pārrobežu pārlūkprogrammas jautājumiem.

CSS for Non-IE pārlūkprogrammu: Tā nav ziņa CSS izstrādātājiem, kas, CSS Bērnu selektori kā piemēru zemāk, nešķiet strādāt IE.

piemēram div> span {daži css}, kas nozīmē "ja span elements ir bērns (un NAV mazbērns vai mazmazbērniem bērns utt) kādas nodaļas elementa".

Bet mēs izmantojām šo CON mūsu labā. Vēsturiski, bērns selektors ir izmantots, lai slēptu CSS komandas no IE. Vienkārši ievietojot html>body priekšā jebkurā CSS komandu IE būs ignorēt to:

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

Tas darbojas, jo <body> vienmēr bērns <html> - tas, protams, var nekad ir mazbērns vai mazmazbērns no <html> .

Tagad, 7 IE saprot bērnu atlasītāju, jums ir jāievieto tukšu komentāru taga tieši pēc lielāka par zīmi 7 IE tad nesaprot šo pogu (kas zina, kāpēc!?), Un tāpēc pilnīgi ignorē šo CSS komandu.:

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

Ja vēl neesat redzējuši šo pirms, ir lasīt caur šīm, kā arī

• Nosacīti Komentāri: Jūsu IES Tikai-daļai Duex
• CSS banalizēt: JavaScripts, CSS, HTML Firefox tikai
• Jūsu IES Only

Kā ierasts, viens no daudzajiem dīvainas problēmas ar IE, un tas viens ir ierindojas TOP 10 IE quirks.

Problēmas formulējums (Tas bija mana problēma, varbūt jums ir līdzīgi misbehaviors):
Man ir daudz DIV ir iekļauts lapā ar klasi "sectionhead", kas ir nekas, bet nosaukums sadaļu lapā. Tāpēc man ir daži stila meklēju kā šis

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

Div ir gaiši pelēka josla ar kādu melnu tekstu. Kas notiek IE ir daži no šiem sadaļu galvenēs tiek rādīti ok, bet daži ir neredzami, kamēr jūs ritiniet lapu vai noklikšķiniet kaut uz lapas uc Dažkārt viņi mēdz pazust, kad jūs noklikšķiniet uz 'Alt' taustiņu, kad lapa uz leju vai ritiniet ar ritināšanas joslu. Tie dažreiz šķiet, atkal parādīties, kad esat papildināšanas (F5) lapu. Es īss perfekti vienkāršs DIV ar kādu vienkāršu stilu uzvedas slikti.
Kas varētu izraisīt šādu neparastus uzvedība? Labi! Atklāti sakot, Nav ideju!

IESPĒJAMĀ RISINĀJUMS:
Atkal neprasi man, kāpēc, bet daudzos gadījumos šī problēma mēdz pazust, kad jūs pievienot atrašanās vietai: salīdzinājumā ar MIS uzvedas elementi stilu, kā šis

. Sectionhead {font-size: 18px; fons: # cfcfcf; padding: 5PX; amats: relatīvais}

Dīvaini, bet ko teikt? Dievs svētī mani no IE!

UN vai dalīties ar ASV, Ja jums būtu ar līdzīgām problēmām.

Ak, labi! Jo agrāk pastu, dažas dienas atpakaļ par apduļķošanās IE8, es aizmirsu pieminēt svarīgu punktu, ka "8 IE stingrs režīms neatļauj CSS necaurredzamība".
Tiem, kas donot saprast, ko es domāju ar stingru režīmu, šeit ir ātrs apmācība .

Ap šo darbu (Pirms IE dev komanda saprot, ka viņi ir bruģējis ceļu atkārtotu darba kārtība visā pasaulē, lai tīmekļa vietnēs, izmantojot Pop-up gaismas ar kādu necaurredzamību, un nodot atpakaļ atbalstu necaurredzamība) ir izmantot daļēji pārredzamu attēlu ... vēlams PNG formātā (man ir bijusi slikta pieredze kļūst caurspīdīgi GIF attēli strādāt kā tas bija paredzēts). Izveidot PNG attēlu krāsas un procentuālais pārredzamības jums patīk, jo jums iecienītāko attēlu redaktors un izmantot to kā fona attēlu jūsu gaismas kastes pārklāju.

ti
Nevis kaut kas līdzīgs šim

. Lighbox_overlay {
fona krāsa: # FFFFFF;
z-index: 1001;
-Moz-opacity: 0,6;
necaurredzamība: 0,60;
filtrs: alfa (necaurredzamība = 60);
}

Izdarītu ....

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

Lai to izmēģinātu, CLICK HERE! | UZ LEJUPIELĀDĒT, CLICK HERE!

Ja jūs skatāties šo lapu IE8, tad jums ir redzēt pilnu duļķainu baltu fonu aiz šo amatu. Vakar, mans collegue norādīja šo out man (kā es esmu viens no tiem cilvēkiem, kuri pielāgoties pārmaiņām lēni un vienmērīgi ... īpaši pārlūkiem. Varētu teikt, Im gļēvulis, bet tāpēc tā .... Būt UI izstrādātājs, es esmu vienmēr sūdi bail no jaunā pārlūka versiju ... jūs zināt, kādi Im tlaking par, labi?)

Digged ap laiku, cenšoties rast risinājumu, lai noteiktu to, un tad kāda ...
Šoreiz mūsu visu laiku mīļākā pārlūkprogrammai ir darījusi to visu atkal, krītot visu atbalstu CSS necaurredzamību. Nestandarta `filtrs: alfa (necaurredzamība = # #)` CSS atribūts ir atcelts, Nica, bet tie arī pilnīgi aizmirsa pievienot CSS3 apduļķojuma atbalstu (piemēram, kā visi citi pārlūka labi ir tur to). Tātad, pirmo reizi kopš Dievs mums pastāstīja par CSS necaurredzamība (kopš 5.0 IE, es domāju), interneta pārlūkprogramma neatbalsta CSS necaurredzamību.
Un tagad par krējumu virsū: Oficiālais vārds no 8 IE komandas? Tas ir "by design" un "mēs izskatīsim šo nākamajā versijā IE".

PS: Izmēģiniet šo lapu FF, zvēru tas izskatās glīts!

Ja Jums kādreiz ir veikta (vai veicot kādu) Vertikālais Izvēlne izmantojot saraksta vienumus (LI) tagus un CSS, jūs varētu sastapties, šis vēl viens bug Internet Explorer, kur IE 6 ieliktņiem šie trūkumi starp saraksta elementiem, kas satur bloku līmeņa elementi un ti, ja pastāv kāds no saraksta vienumiem atzīmes atstarpes. Paldies, bet ne paldies, IE versiju 7 šķiet brīva no šo kļūdu.
Ja piemēram, man, un vēl daudz vairāk, jūs piederat pie šīs joslas neapmierināti izstrādātājiem, kuri vēl ir, lai saņemtu savu jauno izkārtojumu, darba IE6 pārāk, tad tas varētu izrādīties noderīga. Ieskaties ...

Paraugs atzīmes:

<ul id="menu">
<li> <a href="#"> Sākums </ a> </ li>
<li> <a href="#"> Par </> </ li>
<li> <a href="#"> Serviss </ a> </ li>
<li> <a href="#"> Portfolio </> </ li>
<li> <a href="#"> FAQ </ a> </ li>
<li> <a href="#"> Sazinieties ar mums </ a> </ li>
</ Ul>

Jūs varētu izveidot kādu CSS, līdzīgi viens zem, lai transfrom iepriekšminēto atzīmes atgriezties vertikālā izvēlne ....

Paraugs CSS ...
# Menu {
margin: 0; padding: 0; fons: # FF9900;
saraksts stila tipa: none; platums: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menu {display: block;
color: # 555.555;
text-decoration: none;
padding: 0 15px;
līnijas augstums: 2,5; robežu apakšā: 1px solid # FFF;
}

Rezultātus jūs redzēsiet ...

Risinājums šo kļūdu ... (mainīt / pievienot CSS treknā slīprakstā)

# Menu {
margin: 0; padding: 0; fons: # FF9900; saraksts stila tipa: none; platums: 150px;
float: left; / * tas satur sāniem piesaistītos saraksta elementus * /
}
# Menu li {
margin: 0; padding: 0;
float: left; / * Šī gadam * /
platums: 100%; / * atstarpes kļūda IE6 * /
}
# Menu {
display: block; krāsa: # 555.555;
text-decoration: none;
padding: 0 15px;
līnijas augstums: 2,5; robežu apakšā: 1px solid # FFF;
}

Ja šāds risinājums doesnot šķiet darbs (tādu iemeslu dēļ zināmas IE6 tikai) ... izmēģiniet šo metodi, nevis

Vienkārši pievienojiet šo papildus IE6 tikai stilus jūsu atzīmes ...

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

Nosūtīt IE 6, MSIE ir veida pietiekami, lai mums UI izstrādātāji, pievienojot vēl dažus CSS īpašības standarta vairumam citu standarta pārlūkprogrammu. Viens šāds Noderīga īpašums "min augstumā". Diezgan taisni uz priekšu īpašumu, kas nav vajadzīga ilgu aizdusu paskaidrojumus. Ja min-augstums rajons ir iestatīts, tas vienmēr saglabā šo noteikto augstumu, ja saturs tajā atrodas aizņem mazāk, nekā tā spēj turēt un galvenais (atšķirībā no parastā vaniļas "Augstums" īpašums) skalām vai CSS vārdiem, tā uzvedas nodaļa kuru "Augstums" ir iestatīts uz "AUTO" ...

Dažiem no mums nabadzīgo izstrādātājiem, kuri joprojām ir nepieciešami, lai kodu CSS, ka arī strādā IE6, ANO pieejamība "min-augstums", varētu izrādīties parādīt aizbāzni dažkārt ... donot izmisums.

Par laimi, mums ir pietiekami daudz quirks pārlūkā IE, ka mēs izmantojam, lai ārpus labā un kapāt mūsu ceļu cauri, lai sasniegtu savu mērķi ... tas padara SADALĪŠANAS rajons, kā arī tās min augstums IE6

Risinājums 1: Izmantojot pasvītrojuma Hack [ ... Lasīt vairāk ]

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

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

---

Risinājums 2: Izmantojot CSS Atribūtu Selector 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>


CSS atribūtu selektors Hack ņem priekšrocība ir fakts, ka pārlūki agrāk tha IE6 ignorēt kādu atribute-atlasītāja. Atzīmē prasību par citā traukā rajons ar class = "someclass". Tikai no klases atribūts šim rajons presense, tiek ignorēts augstumu atpakaļ uz Opera, Mozilla un MSIE7 auto un vēlāk. IE6, kas neatbalsta atribute šķirotāja, ignorē to.

Apskatīt demo min augstuma banalizēt IE6

Vairākkārt, bet dara lappušu izkārtojumus ar popup nodaļām / gaismas kastes / tips utt mēs nākam pāri gadījumos, kad daži Forma Atlasīt objektus notiek, ir saskaņā ar šiem PopUp nodaļās, kuru dizains un tas rāda caur .... Yuk!

Labi! Jūs varētu viegli noteikt šo, pielāgojot Z indeksa vērtības attiecīgi par FF un IE7. Bet labu veco (pun paredzēti) IE6 nav kā tas ir ieplānots .... SELECT BOX izstāde cauri, pat pēc tam, kad piemēro dažus krasi augstus Z indeksa vērtības jūsu PopUp nodaļa ... nejaukais!!

Nav šīs problēmas LABOJUMU, bet tur ir, es uzskatu, vairāk nekā pāris ceļā uz darbu ap šo problēmu, bet Im šeit, lai pastāstītu jums vienkāršāko risinājumu, ka es izmantot, kas darbojas sodanaudu mani, jo lielākā daļa lietas ....

"Paslēpt Reuges SELECT lodziņā, ja jums RĀDĪT POPUP"

Vienkārši jūsu skriptu fragmentu, kur jums parādīt jūsu uznirstošo logu, pievieno gabaliņu skriptu noteikt redzamību SELECT Box uz "Hidden"

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

Un atcerēties, lai uzstādītu to atpakaļ uz Aizvērt jūsu Popup nodaļas

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

kur "my_select" ir ID kairinājuma SELECT Box

Hope this helps ...

PS. Ir Protams citas iespējas, piemēram, dinamiski positionining iframe (tas pats izmērs kā Jums PopUp) ar Popup DIV ... Tas darbojas labi arī, bet ar papildus kravu ar DOM elementu, skripti un galvassāpes. Man ir izmantojis šo risinājumu pārāk, un ja jums nepieciešama palīdzība ar šo iespēju, es let me know. Būsim priecīgi palīdzēt!