Hack IE

[segen]

evo ja opet..........
Pročitao sam masu članaka koje su nam ljubazno predali gospoda sa mi3-ja, posebice Sulien.
Pomno iščitavajući svaki taj članak i upijajući znanje, zapitao sam se......
Kako ću znati kada i koji Hack primjeniti a da ne povrijedim osjećaje nekog drugog browsera?
Ako nisam u Quirks modu, zašto hackat IE (tamo sam negdi pročitao i te hackove među ostalim)?
Vidim da postoje neki univerzalni hackovi, sorry nemam iskustva, da ja to uredno prilkipetam sve u CSS i miran sam, ili ne, hmm....???
Dali da koristim clearfix:after metodu za floatanje koja je tamo ponuđena kao najbolja ili je jednako dobro ubacit neki <br> sa clear:both (mislim, meni radi ova druga)?
Većina hackova je pisana za IE 5 i 6 a šta je sa 7-micom???

Molio bih znalce, da prije nego ja uronim u ovo, da mi daju par savjeta oko ovoga, možda da mi prenesete Vaš princip na koji radite ovo, kako bi lakše ja naučio.

Hvala.......

[maratz]

Umjesto hackova probaj workarounde. Razlika je u tome što je workaround drugačiji način
pozicioniranja/oblikovanja elementa (layout se obično može stajlati na više načina).

IE hackove uvijek stavljaš zasebni CSS file, koji onda pozivaš u conditional commentsima.
Na taj način samo browser za koji je namjenjen učitava dotični patch file.

[segen]

e da, čitao sam to na tvom blogu, hvala, pomoglo mi je.
No i dalje mi ostaju otvorena ova neka pitanje od gore......

kakve su workaround metode, jel to ovo o čemu sam ja čitao ili ima nekih članak još za preporuku.

[Obelix]

falco wrote:

Pomno iščitavajući svaki taj članak i upijajući znanje, zapitao sam se...... Kako ću znati kada i koji Hack primjeniti a da ne povrijedim osjećaje nekog drugog browsera?

Hack za IE ide u cc. Za ostale browsere koristis workaround (ako uopce treba nesto fixati za njih).

falco wrote:

Ako nisam u Quirks modu, zašto hackat IE (tamo sam negdi pročitao i te hackove među ostalim)?

IE ne renda layout kak bi trebao ni u stardards compliant mode-u pocevsi od hasLayout propertija (dobar intro http://www.satzansatz.de/cssd/onhavinglayout.html)

falco wrote:

Vidim da postoje neki univerzalni hackovi, sorry nemam iskustva, da ja to uredno prilkipetam sve u CSS i miran sam, ili ne, hmm....???

Ne, hackove primjenis kad trebas i gdje trebas.

falco wrote:

Dali da koristim clearfix:after metodu za floatanje koja je tamo ponuđena kao najbolja ili je jednako dobro ubacit neki <br> sa clear:both (mislim, meni radi ova druga)?

Gdje je to "tamo"? Anyway, sve se moze (i pozeljnije je) izvesti bez dodatnih elemenata (br, div...)

falco wrote:

Većina hackova je pisana za IE 5 i 6 a šta je sa 7-micom???

Ako znas sfixati IE6 onda znas i IE7, jedino je manje hachova potrebno.

[segen]

TNX Obelix!

di mogu pročitat o workaround metodama?

[niksy]

Mozes odmah pri pocetku kodiranja iskoristit neki CSS Reset Sheet za postavljanje svih elemenata na vrijednosti koje se rendaju jednako u svim browserima

Onda kada zapnes sa browserima poput IE-a, kreni na hackove sa CC, ili mozes pokusat iskoristit ovaj JS library za "aktiviranje" nekih postavki koje <=IE6 nema (samo pazi, to je JS, pa ako netko browsa bez ukljucenog doticnog, mozda nece vidjeti stranice kako je dizajner zamislio).

[Obelix]

falco wrote:

TNX Obelix! di mogu pročitat o workaround metodama?

Pronadi kako se fixa box model za IE 5.x. Gotovo svaki clanak ce ti ponuditi rjesenje koje radi cross browser a ne zahtjeva CC. To je jedan primjer, dalje searchaj sam...

[segen]

niksy wrote:

Mozes odmah pri pocetku kodiranja iskoristit neki CSS Reset Sheet za postavljanje svih elemenata na vrijednosti koje se rendaju jednako u svim browserima

Koristim

Quote:

Onda kada zapnes sa browserima poput IE-a, kreni na hackove sa CC, ili mozes pokusat iskoristit ovaj JS library za "aktiviranje" nekih postavki koje <=IE6 nema (samo pazi, to je JS, pa ako netko browsa bez ukljucenog doticnog, mozda nece vidjeti stranice kako je dizajner zamislio).

brobat ću, hvala.

[segen]

Obelix wrote:

Pronadi kako se fixa box model za IE 5.x. Gotovo svaki clanak ce ti ponuditi rjesenje koje radi cross browser a ne zahtjeva CC. To je jedan primjer, dalje searchaj sam...

Pronašao, naučio, korstim, hvala.

[Tristan]

malo glupo pitanje, al nisam shvatio iz konteksta što je cc... shame on me

[segen]

nisam ni ja, ono pravia san se ka da znam moš mislit.....

[zytzagoo]

cc = conditional comments u ovom kontekstu

[maratz]

falco wrote:

Obelix wrote: Pronadi kako se fixa box model za IE 5.x. Gotovo svaki clanak ce ti ponuditi rjesenje koje radi cross browser a ne zahtjeva CC. To je jedan primjer, dalje searchaj sam... Pronašao, naučio, korstim, hvala.

Kako točno koristiš? Pejstaj primjer.

[segen]

generalno sam prihvatio ovo:

http://www.programmers-corner.com/viewTutorial.php/29

i sada me buni sljedeća izjava:

Quote:

If we have to have our page in IE 6 quirks mode and we need to apply the Tan Hack we just simply need to add an easy fix to the CSS code. So our code would look as follows: div{ margin: 15px; padding: 5px; border: 10px solid #f00; width: 200px; } /* Tan Hack */ * html div{ width: 230px; w\idth: 200px; } /* Pre Hack Comment \*/ * html div { width: 230px; } /* Post Hack Comment */

a šta ako nisam u Qmodu?

također sam proučio i ovo:

http://tantek.com/CSS/Examples/boxmodelhack.html

[niksy]

Pa ako si u Standards modu, koristis ovo:

Code:

div{ margin: 15px; padding: 5px; border: 10px solid #f00; width: 200px; } /* Tan Hack */ * html div{ width: 230px; w\idth: 200px; }

A ako si u Quirks modu, onda ovo:

Code:

div{ margin: 15px; padding: 5px; border: 10px solid #f00; width: 200px; } /* Pre Hack Comment \*/ * html div { width: 230px; } /* Post Hack Comment */

[maratz]

@falco: to sam i mislio.... ovo je dakle hack.

Workaround bi bio da oblikuješ razmake tako da ne koristiš za isti element padding i width,
već recimo za child element koristiš width i margin.

to je razlika izmedju tog dvoje... ako ne ide workaround, onda se koristi hack.

[segen]

maratz wrote:

@falco: to sam i mislio.... ovo je dakle hack. Workaround bi bio da oblikuješ razmake tako da ne koristiš za isti element padding i width, već recimo za child element koristiš width i margin. to je razlika izmedju tog dvoje... ako ne ide workaround, onda se koristi hack.

to je to šta me zanimalo, hvala maratz.

@niksy : i tebi hvala, kako su oni napisali ja sam skužia da moram oboje koristiti, hvala još jednom.

[Jabba]

btw ako imaš (tj moras imat , ak ne nisi kul) problema sa IE i slicnim browzlerima skini/kupi ili procitaj ako imas knjigu: Pro CSS Tehniques od Apress-a , CSS Antology od SitePoint-a, Bulletproof web design i Designing with web standards od Zeldmana....ili barem čaptere nutra koji govore a accesebiljti, hakovima i workokolo, pa mozda upijes nes pametno
ako oces, pi-em me pa ti mogu mozda pomoc ako mightyy gugl ne pomogne (ćutim)

[segen]

tnx