Išreikšdami IT

Laikas ir vėl, kai visos kitos naršyklės, elgtis, kaip sakė, W3C taisykles, IE spiralių jus iš dvasios kūrimo mėtyti Furia, kad neatrodo, kad pataisą. Tiesiog tokia yra tai IE7 klausimas.

Problema pareiškimas:
Aš ir taip gali daug kitų sunkių interneto svetainių kūrėjai pastebėjo daugiau nei daug kartų, kad kai lizdinė plūdės išdėstymo, dėl hover per keletą nuorodų inkaro žymės), kurių sudėtyje yra konteineris atrodo pereiti keletą taškų į dešinę . Aš bandė google sprendimų šiuo klausimu, tačiau vargu ar bet kokį pagrįstą atsakymą į tai, kodėl ir kai tik jis pavartojamas (kuris gali padėti išvengti šios problemos iš vyksta), taigi aš niekada rasti aiškią problemos sprendimas ...

Galimi sprendimo būdai:
Iš patirties, turiu pranešimas 90 proc kartus, ty, kad šis klausimas yra nustatoma pridedant priartinimo turtą CSS apibrėžimą neteisingai elgiasi konteinerį ...

 # Somediv {
       priartinimas: 1;
 }

vėl priežastys yra dviprasmiškos ... pabandykite tai ...
Kai elementai IE "hasLayout" nuosavybė, kuri yra "tiesa" pagal nutylėjimą. Daug regėjimo CSS elgesys, pavyzdžiui, alfa filtras veikia tik ant elemento, kad hasLayout. ir {Priartinimas: 1} atrodo tikslinių elementų hasLayout turtą .... Naudinga? I dont think so ...

Priartinimo turtas pat atrodo, palaikoma iki Chrome ", tačiau jo naudojimas įdauža atrodo, kad daug neigiamos įtakos mano išdėstymo ... išbandyti, jei ji dirba Jums ... o jei taip nėra, pagal" CSS Craps žymę šį puslapį "

"Google" pradeda judėjimo eilutę žmonės iškelties IE6 ... Iki bugging IE6 vartotojams su popup puslapyje apkrovos ... gali būti ne labai gera idėja ... bet UI "kūrėjas, aš turiu prisijungti prie šios juostos vagoną ... vienu mažiau naršyklė man nerimauti ... Atsiprašome savanaudis jis yra! bet aš šį javascript ... (TRY šį puslapį IE6) ...
Sveiki! ir šviesesnę pastabos ... Žiūrėti JAVASCRIPT POWER kalbomis .... ji netgi gali sumažinti milžinas (arba kai ji buvo)

PK ... Pagalba atsikratyti IE6 pasaulį, su vienoje eilutėje JavaScript!

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

Jei esate CSS asmuo, turėtumėte žinoti, gauti savo maketus darbo įvairių naršyklių skausmą. IE8 yra dar vienas veržliaraktis mus kūrėjų darbais. Anywaz! jei paspausite ant šio klausimo, Kaip aš padariau vakar, kur yra jūsų puikiai dirba CSS IE7 (ir anksčiau) ir Firefox staiga pradėjo mėtyti tantrums IE8, pabandykite šį ... Jis gražiai atrodė, kad išspręsti savo problemas šiuo metu ....

Naudojant meta deklaracijos, mes galime nurodyti atvaizdavimo variklį, mes norėtume IE8 naudotis. Taigi, norint priversti IE8 padaryti kaip IE7 ... Įdėkite šį meta žymeles į savo dokumentą galvos: -

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

Pagal nutylėjimą IE meta būtų: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
padaryti IE8 padaryti puslapį naudojant naujus standartus režimą.

Jei reikia, ši sintaksė gali būti naudojami apgyvendinti kitų naršyklių, kaip nurodyta toliau:

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

Smulkiau apie DOCTYPES:

Jei esate dar susipažinę su gyvūno rūšies, vadinamas "DOCTYPE" ... čia yra kai greitai skaityti
Kas yra DOCTYPES? Kas yra Naršyklės Quirks & ABSOLIUČIĄ Mode?
DOCTYPE XSL nustatymas

Į išsamų supratimą apie DOCTYPES, pabandykite aplankyti šias nuorodas ...
A List Apart: Fix Teisė DOCTYPE savo svetainę!
A List Apart: Beyond DOCTYPE: Web Standartai, nusiųsti Suderinamumo ir IE8

Pastaba: Nors daugelis iš mūsų HTML / CSS žmonės buvo atsižvelgiama DOCTYPE decleration svarbą mūsų dokumentus, Tinkamo DOCTYPE, paprastai atsakymas į labiausiai kryžminių naršyklės klausimais.

CSS-IE naršyklių: Tai ne naujiena CSS kūrėjams, kad CSS vaikų selektoriai, kaip toliau pateiktame pavyzdyje, neatrodo dirbti IE.

pvz div> span {kai css}, tai reiškia, kad "kai elementas span yra vaikas (ir NE vaikaitis ar puikus didysis vaikas ir tt) su suskirstymas elemento".

Bet mes panaudojome šią CON mūsų naudai. Istoriškai vaikas parinkėjas buvo naudojamas paslėpti CSS komandas iš IE. Tiesiog pastačius html>body prieš bet CSS komandų IE ignoruos:

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

Tai veikia, nes <body> visada vaikas <html> - Žinoma, jis gali niekada būti anūkas arba Mazmazbērns, iš <html> .

Dabar, kad IE 7 supranta vaikų selektorių, turite įterpti tuščią komentaro žymą, iš karto po didesni nei ženklu IE 7 bus ne suprasti šį selektorių (kas žino kodėl?), Ir todėl visiškai nekreipti dėmesio į šį CSS komandą.:

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

Jei ne jau matė tai anksčiau, skaityti per šių, taip pat

• Sąlyginės Komentarai: savo IES Tik dalis Duex
• CSS Hack: JavaScript, CSS, HTML tik "Firefox"
• Jūsų IES Only

Kaip įprasta, vienas iš daugelio keistų problemų su IE ir tai vienas misą gretas Top 10 IE Photoshop.

PROBLEMA ATASKAITA (Tai buvo mano problema, gal turite panašių misbehaviors):
Turiu daug DIV tai su klasės "sectionhead", puslapyje, kuriame yra nieko, bet pavadinimas puslapyje skyriuje. Taigi aš kai stilius atrodo taip

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

Div šviesiai pilka juosta su kai juodu tekstu. Kas nutinka, IE, yra kai kurie iš šių skyrių antraštėse rodomi ok, bet kai kurie yra nematomi, kol jūs slinkite puslapį arba spustelėkite ką nors puslapio ir pan. Kartais jie linkę dingti, kai paspausite 'Alt "klavišą, kai jūs puslapis arba slinkti su slinkties juostos. Kartais atrodo, kad vėl atsiras, kai perkrauti (F5) puslapį. Aš trumpas visiškai paprastas DIV su paprasta stiliaus elgiasi blogai.
Kas galėtų sukelti tokį chaotiškai elgesį? Gerai! Atvirai kalbant, ne idėja!

GALIMI SPRENDIMO:
Nepakanka paklausti manęs kodėl, tačiau daugeliu atvejų ši problema paprastai išnyksta, jei norite pridėti poziciją: palyginti su IVS elgiasi elementų stilių, kaip tai

. Sectionhead {font-size: 18px; fonas: # cfcfcf; padding: 5px; padėtis: santykinis}

Keista, bet ką pasakyti? Dievaži iš IE!

IR DO Pasidalink su JAV, jei turite panašių problemų.

Oh well! Ankstesnio posto kelias dienas atgal dėl drumstumas, IE8, aš pamiršau paminėti svarbų dalyką, kad "IE 8 griežtas režimas neleidžia CSS neskaidrumo".
Tiems, kurie donot suprasti, ką reiškia griežtą režimą, čia yra greitas pamoka .

Aplink tai darbas (Prieš IE Dev Team suvokti, kad jie nutiesė kelią visame pasaulyje naujo darbo rutiną, interneto svetaines naudojant Pop-up švieslentes su tam tikru neskaidrumo ir įdėti atgal neskaidrumo paramą) yra naudoti pusiau skaidrus vaizdas ... pageidautina PNG formatu (turėjau blogos patirties, gauti skaidrius GIF vaizdus dirbti, nes jie turėjo). Sukurti PNG skaidrumo jums patinka spalva ir procentinę dalį, jūsų mėgstamą vaizdo redaktorių ir naudoti jį kaip fono paveikslėlį Jūsų švieslentės perdangą.

ty
Vietoj to, kad kažkas panašaus į tai

. Lighbox_overlay {
background-color: # FFFFFF;
Z-index: 1001;
-MOZ-opacity: 0.6;
drumstumas: 0,60;
filtras: alpha (opacity = 60);
}

Ar tai ....

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

Norėdami išbandyti, spustelėkite čia! | Norėdami atsisiųsti, spauskite ČIA!

Jei peržiūrite šį puslapį IE8, tada jums reikia matyti visiškai nepermatomas baltas fonas už šį pranešimą. Vakar, mano kolegos pažymėjo this out man (aš esu vienas iš tų žmonių, kurie prisitaiko prie pokyčių lėtai ir nuolat ... ypač naršyklių. Gali pasakyti, Im bailys, bet todėl, kad .... Būdamas UI "kūrėjas, aš visada šūdas naujų naršyklės versijų bijo ... žinote ką Im tlaking apie,, tiesa?)

Aptvėrė maždaug už laiką, bando rasti išeitį, siekiant ją išspręsti, ir kas tada ...
Šį kartą mūsų Visada Mėgstamiausias naršyklė padarė viską vėl nuleisti visą paramą CSS neskaidrumo. Nestandartiniai "filtras: alfa (drumstumas = # #)" CSS atributas buvo pašalintas, Nica, tačiau jie taip pat visiškai pamiršo pridėti css3 neskaidrumo paramą (pvz., kaip visa kita naršyklė manimi gražiai išlaikė jį). Taigi, pirmą kartą, nes Dievas mums papasakojo apie CSS neskaidrumo nuo IE 5.0, I guess), naršyklė nepalaiko CSS neskaidrumą.
O dabar ant viršaus kremo: Oficialus žodis iš IE 8 komandos? Tai "dizainas" ir "Mes svarstysime apie tai būsimos versijos IE".

PS: Išbandykite šį puslapį FF, prisiekiu, kad, atrodo tvarkingas!

Jei kada nors ar padarydami vieną) Vertikalus meniu sąrašo elementus (LI) žodžius ir CSS, galite susidurti, tai dar viena klaida Internet Explorer, ty 6 įterpia šios spragos tarp sąrašo elementų, kuriuose yra bendrosios lygio elementus, ty jei yra bet koks tarpus tarp sąrašo elementų žymėjimas. Ačiū, bet ne ačiū, IE 7 versija, atrodo, iš šios klaidos.
Jei patiko man, ir daug daugiau, jums priklauso šio nusivylė kūrėjų, kurie vis dar turi gauti savo naujus išdėstymus, darbo IE6 juosta, tada tai gali būti naudinga. Pažvelkite ...

Bandomasis žymėjimas:

<ul id="menu">
<li> <a href="#"> Pradžia </ a> </ li>
<li> <a href="#"> Apie </ a> </ li>
<li> <a href="#"> Paslaugos </ a> </ li>
<li> <a href="#"> Portfelio </ a> </ li>
<li> <a href="#"> DUK </ a> </ li>
<li> <a href="#"> Kontaktai </ a> </ li>
</ Ul>

Galite sukurti šiek tiek CSS, panašus į vieną žemiau, aukščiau žymėjimą transfrom ją pastatyti į vertikalią meniu ....

Pavyzdys CSS ...
# Meniu {
margin: 0; padding: 0; fonas: # FF9900;
list-style-tipas: none; plotis: 150 vaizdo elementų;
}
# Meniu li {margin: 0; padding: 0;}
# Meniu {display: blokinis;
spalva: # 555.555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}

Rezultatai pamatysite ...

Sprendimas dėl šios klaidos ... (pakeistas / pridėti CSS pusjuodžiu kursyvu)

# Meniu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; plotis: 150 vaizdo elementų;
float: left; / * tai yra Paskelbtų sąrašo elementus * /
}
# Meniu li {
margin: 0; padding: 0;
float: left; / * Tai nustato * /
plotis: 100%; / * tarpus klaida IE6 * /
}
# Meniu {
kalbomis: blokas; color: # 555.555;
text-decoration: none;
padding: 0 15px;
line-height: 2.5; border-bottom: 1px solid # FFF;
}

Jei virš sprendimas doesnot atrodo dirbti (IE6 tik žinomų priežasčių), ... pabandykite šį metodą, o ne

Tiesiog pridėkite šiuos papildomus IE6 tik stilius žymėjimą ...

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

Standartinė IE 6, MSIE buvo natūra Pakanka mus UI kūrėjams pridedant keletą CSS daugumai kitų standartinių naršyklių standartines savybes. Viena tokia naudinga "min-aukštis" nuosavybė. Gana važiuoti tiesiai į priekį nuosavybė, nereikia ilgai kalbantis paaiškinimą. Min aukštis skaidymui vykdyti, visada išlaiko tą nustatytą aukštį, kai turinys ji namai užima mažiau nei jis gali turėti ir svarbiausia (skirtingai nuo paprasto vanilės "aukščio" nuosavybė) svarstyklių arba CSS tariant, ji elgiasi kaip padalinys, kurio "Aukštis" yra nustatytas į "auto" ...

Kai kurie iš mūsų skurdžių kūrėjams, kurie vis dar reikalingi kodas CSS, kad taip pat turi dirbti IE6 ir prieinamumas "min-aukštis", gali pasirodyti šou kamštį kažkada ... Donot neviltį.

Laimei, mes turime pakankamai Photoshop IE, kad mes turėtume naudoti iš pranašumo ir nulaužti mūsų būdas pasiekti savo tikslą ... ty skyrius Skyriaus lyg min aukštis IE6

Sprendimas 1: Naudokite pabraukimo Hack [ ... daugiau ]

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

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

---

Sprendimas 2: Naudojant CSS Selector Pavadinimas 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 charakteristika ieškiklis Hack pasinaudoja tuo, naršyklių anksčiau THA IE6 ignoravo atribute-selector. Atkreipkite dėmesį į reikalavimą kitos konteinerių padalint class = "someclass". Tiesiog klasės atributą šio skyriaus matomumą, yra viršesnis už aukštį auto Opera, Mozilla ir MSIE7 ir vėliau. IE6, kuris nepalaiko atribute selektoriai, jį ignoruoja.

Peržiūrėti Demo min aukštis Hack IE6

Kelis kartus, o daro puslapio maketus su iššokantį padalinių ir (arba) švieslentes gudrybės ir tt mes susidurti su atvejais, kai tam tikra forma pasirinkti objektus vyksta pagal šių POPUP skyrių, projektavimo ir ji rodo per .... Yuk!!

Gerai! galite lengvai išspręsti šią problemą nustatydami Jūsų Z indekso reikšmių tinkamai FF ir IE7. Bet senas geras (pun intended) IE6 neturi elgtis taip, kaip numatyta .... PASIRINKITE LANGELIS šou, net po to, kai taikote keletą drastiškai aukštos Z indekso reikšmių iškylančių langų skyrius ... velnias!!!!

Yra NE KOREKCIJOS šią problemą, tačiau, manau, daugiau nei keletą pakeliui į darbą, apie šią problemą, bet jiems čia pasakyti paprasčiausią sprendimą, kad aš naudoju, kuris veikia gerai man, į labiausiai iš atvejų ....

"Slėpti Rouge SELECT lauke, jei jūs Rodyti popup"

Tiesiog jūsų scenarijų fragmentą, kur jūs parodysite savo iššokantį pridėti scenarijų gabalas nustatyti SELECT Box "matomumą" slaptų "

document.getElementById ("my_select) style.visibilty =" paslėptas ".;

Ir prisiminti jį atgal ant CLOSE iškylančių langų skyriaus

document.getElementById (my_select ".) style.visibilty =" matoma ";

kur "my_select" yra dirginimo SELECT langelyje ID

Hope this helps ...

PS. Yra Žinoma kitos galimybės, pavyzdžiui, ir dinamiškai positionining pagal iškylančių langų DIV IFRAME pat dydžio kaip iškylančių) ... Tai veikia taip pat gerai, bet to apkrovų DOM elementų, skriptus ir galvos skausmas. Aš naudoju šį sprendimą, Jei jums reikia pagalbos su šia galimybe, tai let me know. Bus malonu Jums padėti!