CSS - IE Hacks

[maxxu]

Pentru ca sunt folositoare ..

webdevout.net - CSS hacks (http://www.webdevout.net/css-hacks)

css-discuss (http://css-discuss.incutio.com/?page=CssHack)

Internet Explorer & CSS issues (http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml)

Explorer Exposed! (http://www.positioniseverything.net/explorer.html)

css filters (css hacks) (http://centricle.com/ref/css/filters/)

[2sharp]

Sau mai bine citesti acest articol. :rolleyes:

http://www.digital-web.com/articles/keep_css_simple/

Intr-un final mi-a folosit mai mult decat miile de metode prin care se poate pacali IE(6).

[maxxu]

Mersi, interesant articolul. Si eu sunt de parere sa "keep it simple".

Dar, de multe ori, in FF imi arata cum vreau, iar in IE e un dezastru. Asa ca, ori conditional comments, ori mici hack-uri ( pe cele mai grele nu le stiu :-) )

[2sharp]

Hai sa-ti spun un mic secret. Indiferent la ce fel de design te-ai gandit, exista o solutie hacking free prin care sa-l obtii si sa arate EXACT la fel in orice browser de la IE6 in sus.
E drept ca uneori dureaza asa mult sa gasesti solutia, incat e mult mai usor sa folosesti o "smecherie" pentru IE6 de exemplu. Dar pe masura ce incepi sa intelegi tehnica si stii unde sa cauti metode alternative, lucrurile incep sa se simplifice.
Apropo, sper ca folosesti Firebug. In momentul de fata Firebug e pentru mine cea mai tare inventie de la bere incoace. :D
Nu stiu ce m-as face fara ... cred ca m-as apuca de agricultura ... or something. :rolleyes:

[maxxu]

Atunci mai am de invatat.

[2sharp]

Uite niste exemple de layout de unde poti sa incepi:

http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths

http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm

Nu stiu daca gasesti acolo exact ce te intereseaza, dar oricum e un inceput. Cam orice ai nevoie se gaseste. Just Google It!
Dupa ce analizezi bine toate testele si exemplele altora folosind cate un template free ca asta, sau folosind Firebug, o sa incepi sa-ti dai seama singur cum se ajunge sa faci exact ceea ce ai tu nevoie, simplu si curat. ;)

Bafta! :)

[maxxu]

Mersi de link :-)

[Ovidiu]

http://code.google.com/p/ie7-js/

[2sharp]

Sincer, nu mi se pare o solutie viabila pentru simplul motiv ca nu a fost adoptata la scara larga. Pentru restul motivelor, care ar necesita sa testez solutia asta, nu am timp momentan si nici nu cred ca o sa-mi fac pentru ca oricum nu mai dureaza mult pana cota IE6 o sa fie nesemnificativa. In rest, keep it clean, no hacks. :)

[PiticStyle]

Merci de link-uri

[Ovidiu]

Sincer, nu mi se pare o solutie viabila pentru simplul motiv ca nu a fost adoptata la scara larga.
Adica astepti sa o introduca W3C in standardele pentru IE6/7? :) E folosita de foarte multi, laolalta cu CSS Reset si alte cateva lucruri ce fac viata mai usoara pentru compatibilitate cross-browser.

[2sharp]

Am incercat-o si eu, nu prea merge asa cum ar trebui. Testeaza si tu pe un site care are multe probleme de afisare in IE6 si pune-i update-ul la IE7.
Apoi deschide in paralel: IE7 si IE6 cu javascript-ul asta.
Arata la fel? Nu prea cred. :)

[Ovidiu]

In aproximativ 50% la fel. In celelalte nu, dar mult mai aproape de layout decat IE6 fara. In toate cazurile insa, acel js te ajuta cu selectori pentru care IE6 nu are suport. Poti implementa de exemplu meniuri ****erfish doar din CSS si pentru IE6. Si asta e doar unul din lucrurile la vedere. :)

[2sharp]

Sa-ti dau urmatorul exemplu: aveam un problema de afisare in IE6, am incercat sa o rezolv cu acest script si il loc sa imi repare problema, a mai aparut una.

Eu unul prefer sa simplific metoda de abordare a layout-ului pana ajung sa am un cod curat fara "smecherii", compatibil cu toate browserele peste IE6. Cu IE 5 iti dai seama ca nu-mi mai pierd vremea. :)

I-am mai dat azi o incercare, dar tot dezamagit is. min-width nu merge, cu box model e aceeasi problema, sau macar 50% din ea ... :(
Sa speram ca pe viitor o sa-l mai aranjeze baietii. :)

[cssd'lite]

Cea mai buna solutie (in sensul ca da cele mai putine batai de cap pe termen lung) este sa realizezi un design compatibil crossbrowser. E un pic mai greu la inceput dar apoi nu o sa mai ai nevoie sa cauti un hack pentru fiecare problema pe care o intalnesti in IE6.

[Ducu]

cssd'lite pai tocmai asta era ideea topicului ca pentru a face un design cross-browser de multe ori te lovesti de IE si iti trebuiesc CSS - IE Hacks