2009 7. november 2009

CSS ZOOM - Veel üks IE konks; 3 pixel nihe

Ikka ja jälle, kui kõik teised brauserid näinud käituma öelnud W3C eeskirjade IE spiraalid teid välja arendamine Vaimu viskamine pahur tuju, et ei näi olevat lahendust. Just selline üks on selles küsimuses IE7.

Problem Statement:
I ja nii võivad paljud muud rasked veebiarendajad märganud rohkem kui palju kordi, et kui seal pesitses ujukite paigutuses, on hover üle mõned lingid (ankur tags), mis sisaldab konteiner tundub suunata vähe pikslit paremale . Olen püüdnud google lahendused selles küsimuses, kuid vaevalt leidnud ühtegi mõistlikku vastust, miks ja millal see toimub (mis võiks aidata vältida seda küsimust ei juhtuks), seega ma ei ole kunagi leidnud selge lahendus kas ...

Võimalik lahendus:
Pole kogemusi, mul on teate 90% protsenti ajad st, et see küsimus on fikseeritud, lisades zoom vara CSS mõiste valesti käitub konteiner ...

 # Somediv {
       zoom: 1;
 }

jälle põhjused on ebaselged ... proovige seda ...
Mõned elemendid IE on "hasLayout" vara, mis on "true" by default. Paljud visuaalsed CSS käitumist, näiteks alfa filter töötab ainult element et hasLayout. ja {Zoom: 1} Tundub, et anda eesmärgi elemente hasLayout vara .... Kasulik? I dont think so ...

Zoom vara näib samuti toetab Chrome, kuid selle kasutamine varal tundub, et teha palju negatiivset mõju minu kujundus ... seda proovida, kui see toimib teie jaoks ... kui seda ei juhtu, järjehoidja selle lehe all "CSS craps"


2009 22. märts 2009

SevenUp! Julgustada maailma lahti saada IE6!

Google hakkab liikumine kiire inimesed prügila IE6 ... By pealtkuulamise IE6 kasutajatele POPUP lehe laadimist ... võib olla ei ole väga hea mõte ... aga on UI arendaja, mul on liituda selle bändi vaguni ... 1 vähem brauseri mind muretsema ... Sorry isekas see on! kuid mul on lisada see javascript ... (TRY Selle lehe IE6) ...
Hei! ja helgema tähele ... Vaata see on jõu näitamine JavaScripti .... see võib isegi vähendada hiiglane (või kui see oli)

Nii ... Aidake vabastada maailma IE6 üks rida javascript!

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


2008 17. detsember 2008

Pahatahtliku käitub IE8: CSS Layout purunemisel (sihtimine brauseri versiooni kasutades Sisällönkuvauskenttät IE8)

Kui teil on css inimene, siis oleks teada valu saada oma paigutusega töö cross-brauser. IE8 on järjekordne mutrivõtit töödes meile arendajatele. Anywaz! kui vajutad pärast seda küsimust, nagu mina tegin eile, kui teie täiesti töötab CSS in IE7 (ja varasemad) ja Firefox on äkki hakanud viskamine tantrums IE8, proovige seda ... See kenasti tundus määrata minu probleemid praegu ....

Kasutades Meta deklaratsiooni, saame täpsustada renderdusmootor tahaksime IE8 kasutada. Nii et sundida IE8 muuta kui IE7 ... Lisatakse järgmine Meta Tag arvesse pea teie dokument: -

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

Vaikimisi IE Meta oleks: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
mis muudaks IE8 muudab lehe kasutades uusi standardeid režiimis.

Kui vaja, see süntaks võiks kasutada majutada teiste brauserite alljärgnevalt:

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


Lisainfo DOCTYPES:

Kui olete veel võõras omamoodi loom nimega "DocType" ... siin on mõned kiired lugeda
Mis on DOCTYPES? Mis on BROWSER quirks ja range režiimi?
Milles DOCTYPE in XSL

Sest põhjalikum arusaam DOCTYPES, proovige külastavad neid linke ...
A List Apart: Fix saidi Right DOCTYPE!
A List Apart: Beyond DOCTYPE: Web Standards, Forward Sobivuse ja IE8

Märkus: Kuigi paljud meist HTML / CSS inimesed on unarusse tähtsust DOCTYPE decleration meie dokumente, seadistamine õigus DOCTYPE, tavaliselt on vastus kõige rist brauser küsimusi.


2008 10. oktoober 2008

OLE IE Only - CSS Child selektorid ei tööta IE

CSS mitte-IE brauseritega: Tema ei ole uudis, et CSS arendajatele, et CSS Child selektorid nagu näites ei tundu töötada IE.

nt div> span {mõned css}, mis tähendab "kui span element on laste (ja mitte lapselaps või suur grand laps jne) jagamine element".

Aga me kasutasime seda CON meie eelis. Ajalooliselt lapse valijat on kasutatud varjata CSS käsud IE. Lihtsalt pannes html>body ees mistahes CSS käsk IE ignoreerida:

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

See toimib, sest <body> on alati laps <html> - see võib muidugi kunagi lapselaps või lapse-lapselaps <html> .

Nüüd, kui IE 7 mõistab laps valijat, pead sisestada tühi comment tag vahetult pärast suurem kui märk. IE 7 siis ei mõista seda valijat (kes teab, miks!?) Ja on seega täiesti ignoreerida seda CSS käsk:

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

Kui pole veel näinud neid enne, on läbi lugeda järgmised samuti


2008 4. oktoober 2008

Kaovad HTML / DIV elemente Internet Explorer [IE]

Nagu ikka, üks paljudest mõned kummalised probleemid IE ja see peab auastmed TOP 10 IE quirks.

PROBLEEM ARUANNE (See oli minu probleem, võibolla on sarnased misbehaviors):
Mul on palju DIV on ka lehe klass "sectionhead", mis on vaid pealkirja osas lehel. Nii et ma olen mõned stiili vaadates näeb see

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

Div on helehall bar mõned musta teksti. Mis juhtub IE on mõned neist jagu päised kuvatakse ok, kuid mõned on nähtamatu, seni, kuni te Lehel või klõpsake midagi lehel jne Mõnikord kipuvad nad kaovad, kui klõpsate "alt" klahvi, kui Page Down või liikuge koos kerimisriba. Mõnikord tundub taas, kui sa uuesti (F5) lehel. Ma lühikese täiesti lihtne DIV mõned lihtsad stiil käitub BAD.
Mis võib põhjustada sellise ettearvamatu käitumine? Hästi! Ausalt öeldes, ei tea!

VÕIMALIK LAHENDUS:
Jällegi ärge küsige minult, miks, kuid paljudel juhtudel see probleem kipub kaduma, kui lisate asukoht: võrreldes valesti käitub elementide stiili, nagu see

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

Imelik, aga mida öelda? Jumal õnnistagu mind IE!

JA jagavad meiega, kui teil oli sarnaseid probleeme.


2008 15. juuli 2008

IE 8 range režiim ja CSS läbipaistmatus ... töö ümber

Oh hästi! Varasemas post paar päeva tagasi seoses hägusus, IE8, ma unustasin mainida oluline punkt, et "IE 8 range režiim ei võimalda CSS läbipaistmatus".
Neile, kes donot aru mida ma mõtlen range režiim, siin on kiire juhendaja .

Töö ümber, et see (Enne IE dev meeskond aru, et nad on sillutanud teed uuesti tööd rutiini üle kogu maailma jaoks kodulehekülgedele, kasutades Pop-up Valguskastid mõned läbipaistmatus ja tagasi panna toetust läbipaistmatuse) on kasutada pooleldi läbipaistev image ... soovitavalt PNG formaadis (Mul on olnud halbu kogemusi saada läbipaistev GIF pilte teha nagu nad pidid). Loo PNG pilt ja värvi protsent läbipaistvuse soovite, et teie lemmik pildiredaktor ja seda kasutada taustapilt oma lightbox overlay.

st
Selle asemel, et midagi sellist

. Lighbox_overlay {
background-color: # FFFFFF;
z-index: 1001;
-Moz-läbipaistmatus: 0,6;
läbipaistmatus: 0,60;
filter: alpha (läbipaistmatuse = 60);
}

Tee seda ....

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

Seda proovida, kliki siia! | laadida, kliki siia!


2008 6. juuli 2008

No "LÄBIPAISTMATUSE" IE8

Kui sa vaatad selle lehekülje IE8, siis tuleb näha täielikku läbipaistmatu valge tausta sellele ametikohale. Eile minu kolleeg juhtis sellele mulle (nagu ma olen üks neist inimestest, kes kohaneda muutustega aeglaselt ja ühtlaselt ... eriti brauseritega. Võib öelda, Im argpüks, aga olgu nii .... Olles UI arendaja, ma olen alati sitta karda uue brauseri versiooni ... sa tead, mida Im tlaking kohta, eks?)

Kaevasid umbes samal ajal, püüdes leida lahendust parandada ja mis siis ...
Seekord meie All Time FAVOURITE brauser on teinud kõik jälle viskamine kõik toetust CSS läbipaistmatus. Mittestandardsete `filter: alpha (läbipaistmatuse = # #)` CSS atribuut on eemaldatud, Nice, kuid neil on ka täiesti unustasin lisada CSS3 läbipaistmatus tugi (nagu kuidas kõik teised brauseri kenasti hoidnud seda). Niisiis, esimest korda alates JUMAL rääkis meile CSS läbipaistmatus (alates IE 5,0, ma arvan), veebibrauser ei toeta CSS läbipaistmatus.
Ja nüüd koor peal: Official sõna IE 8 meeskond? See on "by design" ja "me kaalume seda tulevase versiooni IE".

PS: Proovige seda lehte FF, vannun see näeb kena!


2008 20. juuni 2008

White Space Bug in Line / List Items (li) in IE6

Kui teil on kunagi teinud (või tegemise 1) vertikaalne menüü abil loendiüksuste (li) sildid ja CSS, siis võib tekkida see järjekordne viga Internet Explorer, kus IE 6 lisab need erinevused loendiüksuste mis sisaldavad ploki taseme elementide st kui on tühik vahel Loendiüksused märgistuskeel. Thanks, kuid tänu IE versiooni 7 tundub vabaks see viga.
Kui meeldib mulle, ja palju muud, te kuulute sellesse bänd pettunud arendajad, kes on veel saada oma uue paigutusega, töötades IE6 liiga, siis see võib osutuda kasulikuks. Have a look ...

Proovi märgistuskeel:

<ul id="menu">
<li> <a href="#"> Home </ a> </ li>
<li> <a href="#"> About </ a> </ li>
<li> <a href="#"> Services </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> KKK </ a> </ li>
<li> <a href="#"> Kontakt </ a> </ li>
</ Ul>

Sa võid luua mõned CSS, mis on sarnane 1 alla, et transfrom eespool juurdehindlus sisse vertikaalne menüü ....

Proovi CSS ...
# Menu {
margin: 0; padding: 0; background: # FF9900;
list-style-type: none; laius: 150px;
}
# Menu li {margin: 0; padding: 0;}
# Menu {kuva: block;
color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2,5; border-bottom: 1px solid # fff;
}

Tulemused näed ...
null

Lahendus see viga ... (muudetud / lisatud CSS paksus kaldkirjas)

# Menu {
margin: 0; padding: 0; background: # FF9900; list-style-type: none; laius: 150px;
float: left; / * see sisaldab paisati loendiüksuste * /
}
# Menu li {
margin: 0; padding: 0;
float: left; / * See fikseerib * /
Laius: 100%; / * tühik viga IE6 * /
}
# Menu {
kuva: block; color: # 555555;
text-decoration: none;
padding: 0 15px;
line-height: 2,5; border-bottom: 1px solid # fff;
}

Kui eespool esitatud lahust doesnot tunduda tööle (põhjustel teada IE6 ainult) ... proovida seda meetodit asemel

Lihtsalt lisada see täiendava IE6 ainult stiilide märgistuskeel ...

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


2008 12. aprill 2008

CSS Cross Browser Minimaalne kõrgus Hack

Postitus IE 6, MSIE on nii lahke, et meid UI arendajad, lisades veel mõned CSS omadused standardi kõige muu standard brauseritega. Üks selline kasulikku vara "min-height". Väga lihtne vara, mis ei vaja pikka Hengästynyt selgitus. Kui min-kõrgus jagamine on seadistatud, siis alati jääb, et maa kõrgus, kui sisu seda maja võtab vähem kui see mahub ja tähtsam (erinevalt plain vanilla "height" vara) kaalud või CSS sõnadega, see käitub jagunemine, kelle "height" on seatud "auto" ...

Mõned meist kehv arendajad, kes ikka veel on vaja koodi CSS et peab töötama IE6, un-kättesaadavus "min-height", võib osutuda Näita korgi millalgi ... Donot meeleheidet.

Õnneks on meil piisavalt quirks IE, et me kasutame välja ära ja häkkida oma teed läbi, et jõuda meie eesmärk ... st teha DIVISION rajoon kuigi tema min-kõrgus IE6

Lahendus 1: Kasutades alakriips Hack [ ... Loe edasi ]

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

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


Lahendus 2: Kasutades CSS omadus valija 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 omadus valija Hack ära asjaolu brauserid varem tha IE6 ignoreeritakse atribuudi-valijat. Märkus nõue teise konteinerisse osakonnale class = "someclass". Lihtsalt presense klassi atribuut selle jagunemine, alistab kõrgus tagasi auto jaoks Opera, Mozilla ja MSIE7 ja hiljem. IE6, mis ei toeta atribuuti selektorid, ignoreerib seda.

Vaata Demo on min-height hack jaoks IE6



2008 15. märts 2008

Ärritab Select Boxes nähtav läbi Popup rajoonides

Mitmel korral, tehes samal ajal lehe paigutusega popup osad / Valgusreklaam / Tips jne me kohanud olukordi, kus mingil kujul SELECT objektide juhtub olema nendel POPUP rajoonid, mille konstruktsioon ja see näitab läbi .... YUK!

Hästi! võid kergesti kindlaks see, korrigeerides oma Z-INDEX väärtused asjakohaselt FF ja IE7. Aga vana hea (pun mõeldud) IE6 ei käitu nagu ette nähtud .... SELECT BOX näitavad läbi, isegi pärast seda, kui kohaldatakse mõne drastiliselt kõrge Z-INDEX väärtusi oma PopUp Division ... kurb!!

On NO määratakse see probleem, kuid on olemas, ma usun, et rohkem kui paar teel tööle-ümber see probleem, kuid Im siin teile kõige lihtsam lahendus, et ma kasutan, mis töötab hästi minu jaoks, enamikus juhtudel ....

"Peida ROUGE SELECT kasti, siis sa NÄITA POPUP"

Lihtsalt oma skripti väljavõte, kus teil näidata oma popup, lisada tükk script määrata nähtavus SELECT Lahter "Varjatud"

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

Ja pidage meeles, et seada see tagasi CLOSE oma PopUp osakond

document.getElementById ('my_select "). style.visibilty =" nähtav ";

kus "my_select" on ID ärritus SELECT Box

Loodan, et see aitab ...

PS. On loomulikult ka teisi võimalusi nagu dünaamiliselt positionining IFRAME (sama suur kui te PopUp) all Popup DIV ... See toimib hästi ka, aga lisamine koormate DOM Elements, skripte ja peavalu. Olen kasutanud seda lahendust ka ja kui sa vajad abi selle võimaluse, ärge andke mulle teada. On hea meel aidata!


NDK kodus | Väljendades IT | väljendamine Maitse | väljendamine Penmenship | väljendamine Awe | väljendamine Myself