optimalizace www stranek pro IE
zdarec,
mam takovy problem. Stranky na kterych pracuju prubezne kontroluju v svate trojici - chrome, mozilla, opera. Pridavam k tomu mobilni operu z telefonu. Vsude funguji korektne, zobrazuji se spravne, cajk.
Bohuzel, musim brat ohled i na uzivatele pouzivajici internet explorer ( i kdyz si myslim, ze uz by se mel jeho vyvoj ukoncit a zakazat jej vubec pouzivat) v IE se stranky nezobrazuji korektne, jsou sice pouzitelne, ale necentruji se na stred, nefunguje zaoblovani rohu navigacnich prvku, nefunguji prechody, etc...
Da se s tim neco delat? O drahe seo a profi programatory nemam zajem. Co nejaky validator? Ekvivalentni zapis kodu pro IE? Pekne me to stve, jenze IE ma jeste porad velky podil na trhu...
Jedna se o stranku teramagazin.cz
Diky za pripadny radny
Začni tím, že opravíš všechny chyby: validator.w3.org/teramagazin (doufám, že w3.org nepodezíráš z podjatosti).
Soudit při tomto stavu Internet Explorer 8 či 9... je sporné. A myslím, že se dost pleteš v jeho používanosti i vlastnostech. Moc dáváš na hysterické, cíleně anti MS webové plky, většinou staré několik let.
dik za odkaz na validator, zrejme se pokusim dle toho aspon neco opravit, pokud to bude v mych silach. Myslim si, a jsem o tom docela pevne presvedcen, ze IE je odpad prohlizecu. Je to prvni vec, kterou po reinstalaci pc hned nahrazuji funkncnejsim resenim. Zvlastni je, ze vsechny prohlizece ten web zobrazuji spravne, jen IE ma problem. A nemyslim si, ze by to bylo validitou. iE je jeden z vice pouzivanych prohlizecu jen proto, ze je automaticky soucasti windows, takze to z nej cini majoritni prohlizec. Kdyby tomu tak nebylo, tak si neskrtne.
Na prohlížeč opravdu můžeš nahrávat až v okamžiku, kdy máš stránky bez chyb.
Ja treba pouzivam doted IE jadro zabalene do Maxthonu 2, neb tu funkcnost mi FF, chromý Chrome ani Opera jednoduse nejsou schopny zajisti. A fakt jde nadavat az je to validni. Nezakulacene rohy vs. zakulacene - to je "vlastnost" ne chyba. Vseobecne - neni problem udelat stranky aby vypadaly rozumne ve vetsine prohlizecu - ale to neznamena ze na pixel stejne.
Například když na první dva řádky zdrojáku použiješ následující... ejhle, stránka se najednou vycentruje i v IE. Musí to být první dva řádky hned nahoře. Neexistuje, abys něco dával před Doctype.
=>obrazek
...
co s obrazkem? Je tam nastaven radius, ktery respektuji vsechny prohlizece krom IE. Tak mi nevykladejte jak je IE skvely, kdyz vsude ctu, ze pro jeden web kolikrat pisou styly vicekrat. Jednou pro normalni prohlizece a pak specialne pro IE. Tak at jdou nekam, jestlize neumej udrzet nejakej standard zobrazovani. Opakuju, ze vsechny jine testovane prohlizece jsou v klidu.
Na chybach co vyhodil validator zapracuju, prestoze vadej jen shitu IE.
Tak znovu. Na IE můžeš nadávat až ve chvíli, kdy píšeš validní kód a přesto ti to zobrazuje špatně. Když píšeš špatný kód a špatně se ti zobrazuje, tak je to tvoje chyba.
Jelikož nemáš validní kód tak je to tvoje chyba!
Třeba proč tam máš dvě ikonky k webu:
favicon.ico
http://teramagazin.cz/plugins/system/jat3/jat3/bas e-themes/default/images/favicon.ico
V různých prohlížečích se mi načtou různé ikonky, humus
Ne že bych byl zastáncem IE, ale to stejné mohu říct o ostatních prohlížečích, když to naprogramuji pouze pro IE! Každý prohlížeč "myslí" jinak! Proto při tvoření webu musíš používat nejlépe všechny i různé verze daných prohlížečů (zvláště tvé nejoblíbenější IE).
Programování je přece radost
:
http://www.jakpsatweb.cz/css/css-prohlizece-hacky. html
http://www.jakpsatweb.cz/priklady/mozilla-css.html
http://www.jakpsatweb.cz/clanky/nepoznamky-ie.html
http://www.jakpsatweb.cz/css/priklady/mod-quirk-pr iklad.html
http://www.jakpsatweb.cz/css/priklady/mod-standard -priklad.html
http://www.jakpsatweb.cz/css/priklady/hack-podtrzi tko.html
http://www.jakpsatweb.cz/priklady/mozilla-css.html
http://www.jakpsatweb.cz/css/priklady/after-expres sion.html
http://www.jakpsatweb.cz/css/priklady/before-expre ssion.html
http://www.jakpsatweb.cz/css/priklady/box-sizing.h tml
http://www.jakpsatweb.cz/priklady/moz-box-sizing.h tml
...
google
==>>hack, trik, hack, trick ==>> zkušenosti, znalosti, ...
A ty kulaté rohy? Jak můžeš dát styl, ktery funguje jenom někde, vždyť třeba v opeře to jde až od 10 verze.
co na to říká Yuhů:
border-radius.html
Podle Yuhůa by border-radius měl fungovat v IE až od verze 9. Ale mě to ani s IE 9 nejde korektně.
no, vidis to... Tak ja se porad ucim, jsem zacatecnik, takze opravdu nemam poneti co ktery prohlizec podporuje.
A prave proto mi IE vadi, ostatni prohlizece uz kulate rohy podporuji a IE jak rikas porad ne korektne. Ale zvykam si, ze MS umi vydavat bugy ci neimplementovane veci vydavat za ficury:D
uz se tesim az si najdu cas a zkusim to zoptimalizovat, s pomoci validatoru najdu chyby a pak se to snad zadari. Uvidime
ty dve ikony tam jsou protoze jedna je ze stareho tematu. Ale nemela by se nacitat, nemas tam treba jeste stary susenky, jestli jsi na to koukal uz nekdy predtim? Jinak si to vysvetlit neumim.
No ja nekdy taky ne, proto nejake ty vychytavky radsi dukladne proverim.
To take neni pravda, treba muj oblibeny Avant browser to nezobrazoval korektne.
Je to otazka jestli je to chyba nebo vlastnost. Zkusim uvest priklad na OS. Napr.: ve win nemuzes mit v jedne slozce dva soubory, ktere maji totozny nazev s rozdilnou velikosti pismen, kdezto u linuxu to jde. Je to chyba? Jeden linuxak mi rikal je to to desna chyba, ze MS to ani po nekolika letech neopravil. Ale ja si nedokazi predstavit, ze bych ve slozce mel kolem 500 souboru, a hledal tam ten pravy podle velikosti pismen. (Mozna jde o zvyk, ale me tento bug-vlastnost zcela vyhovuje).
V priloze je ukazka, kde je to ("snad") vdzy v centru pro ruzne prohlizece s rozliseni 1024*768 a vyssim.
Ne! to oprvadu byt susenkama nemuze, jelikoz jsem na tom webu nikdy nebyl, a zkousel jsem to v ruznych prohlizech na 2 pc. (Nehlede na to, ze v susenkach nejsou ikonky stranky).
favicon.html
.
A po precteni ti dojde, ze nektere prohlizece sahaji nejdriv na favicon.ico, a kdyz tam tu ikonku najdou, tak ji nactou a neresi nejake dalsi. Proto je lepsi neco o standardech vedet, kdyz je pouzivas pak neudelas chybu. Treba web (snad ho znas) www.google.com ma ikonku na adrese favicon.ico, Takovy gigant to bude mit snad dobre
Hlásím se k tobě do klubu. Špatně je to na Linuxu.
Neřekl bych, že je to špatně. Ale může to způsobovat (a reálně taky způsobuje) spoustu problémů a na druhou stranu netuším, k čemu je to vůbec dobré.
Zkracený opis toho tvého:
neplést špatně a špatné
Nechceš jít do politiky? Překrucovat by ti šlo.
Můžu být potrestán za něco, co jsem neudělal?
Já mám pocit, že jde o reklamu.
Krato, neblbni, nezacinas byt trochu paranoidni?:)
copak tu nekdo z vas je moje cilova skupina? Skutecne nejde o reklamu, radim se, jak stranky optimalizovat a az najdu cas, sednu si nad vycistenim kodu, pokud to budu umet. Pak se uvidi.
Celkem bohate nam staci reklama kterou mame oficialne zarizenou:)
Neměl sis měnit avatar. Kdybych viděl u dotazu tvůj starý, nepsal bych to
Mám pro tebe pěkný
Hehe, Rango, pěknej animák:)Ale asi si nechám svou viridisku.)
Ja byt tebou si sablonu koupim, odpadne ti 99% takovychto problemu. Ja i s tim, ze neumim programovat a uz vubec me ta traparna nezajima, tak mam stranky validni a kdyz je nekde nejaka chybka (1-2), tak ji udelaji blbci, kteri si mysli, ze umi programovat a delaji rozsireni, ktery pouzivam. U rozsireni vybiram, aby byla validni a pokud mozno, pouzivam nejradsi od vyrobce sablon. Vyhnes se pak prave takovym problemum, ktery resis. Tim ze zaplatis, usetris spoustu casu, takze ono to ve finale vyjde nakonec jeste levnej.
nepripada v uvahu. Delame si vse sami, nejsou zadne spolecne zdroje financi a na to dotovat vyvoj webu ze sveho rozhodne nemam.
A jsem rad, ze se neco naucim a kdyz to udelam sam, mam z toho radost. Nechat si to nekym udelat jde vzdycky...
Mne je to jedno, delej si co chces, ja to dal jen jako moznost ke zvazeni. Ja jsem taky nechtel platit. Jen ted vidim, ze usetrim penize, cas a hlavne mam skoro vsechno validni. Kdezto ty tam mas skoro 100 chyb na uvodni strance, to je dost. Proste ten cas, ktery s tim ztratis je drazsi, nez kdybys zaplatil. Ja si nenechavam nikym nic delat. Mam koupeny hotovy reseni, kde si jen povymenuju barvy atd. Kdo dela s Joomlou dyl a mysli to s ni vazne, tak ti rekne to samy, nejlepsi je rozhodnout se pro jednoho z velkych vyrobcu a pak si muzes hrat s upravama, pokud chces. ROcne to nestoji ani 2litry (jeden z nich ma za dva litry dokonce dozivotni aktualizace) a sakra se to vyplati. Kdyz mate na webu reklamy, tak snad neco vydelaji a mohly by to dotovat. Ale jak jsem rikal, je to vase vec a ozval jsem se jen proto, ze to pusobi podobne jako to prislovi: "proc delat neco jednoduse, kdyz to jde slozite".
Třeba to dělali nějací blbci od Google, kteří si myslí, že umí programovat. Ti to také nemají validní a to tam mají pouze "okénko na psaní".
Validita nedělá web dobrým, či špatným. Validitu vymysleli uživatelé Netscape v době, kdy začaly přibývat weby dělané ve Front Page, či dokonce ve Wordu. V produktu Microsoftu (IE) se ty weby zobrazovaly dobře, protože byl kód vygenerován jiným jejich produktem. Ale v Neckách byl často úplně rozhozený.
Validita je dobrá právě na hledání chyb, když něco nefunguje, nebo se to blbě zobrazuje.
Web dělá dobrým to, když se zobrazuje správně nezávisle na prohlížečích a jejich verzích, najdou jej vyhledávače, je přehledný etc.
Také mám jednu validní stránku. Není tam jediná chybička a přesto jej za bezchybný nepovažuji.
validni
Plne s tebou souhlasim, me take zajima jestli se to vsude zobrazuje stejne (+SEO). A jestli je kod validni me uz moc netrapi (ale nebudu tam sekat nejake ty zakladni chyby
).
Jenze obecny predoklad je jasny, cim min chyb, tim min problemu.
Mas pravdu, a chybama se clovek uci, takze jeste musim nadelat spoustu chyb, abych toho hodne umel
Myslim, ze to neplati 100%. Ja chyby ve validite nedelam, tudiz se nic neucim a moje weby funguji na rozdil od tech, co se s chybama uci pracovat. Z toho vyplyva, ze neumim nic a presto to funguje lip, nez tem, co "neco" umi a uci se chybama.
Ne, nikdo od google mne to nedelal. Google prece validitu nepotrebuje. K cemu by ji mel?
No a ja nikde nepsal, ze si ma kazdy hlidat validitu do posledniho kousku kodu. Kazdyho vec, ale pak se nikdo nesmi divit, ze mu nepojede web, kterej nedelal (Joomla, Drupal, ..), narval do nej 50 rozsireni, co rozsireni to autor, pulka z nich frikulinu - rozumej debilu, co si mysli, ze umi programovat - a ty jako uzivatel to nemas sanci poznat. Je obrovskej rozdil, napsat si web sam, s par chybama a udelat slataninu z puzzle. Ja delam slataninu z puzzle, nestydim se za to a proto si sakra davam pozor, abych tam nedelal zadny zbytecny krpy, protoze pak to vetsinou dopada tak, ze nekde neco nejde nebo nefunguje.
A cim min chyb, tim lip, protoze to s tim souvisi, zejmena to zobrazovani v prohlizecich. Ten tvuj pokus je sice peknej, ale to je vyjimka. V 1000 jinych pripadech bude na validite zalezet.
V tom s tebou souhlasím.
Ten můj pokus není pokus, ale záměr.
Umíš si vůbec představit, jakou to dalo práci udělat, aby to bylo validní a přitom rozhozené?
Ja vim, ze to byl zamer, ale prave proto rikam, ze to cos udelal ty, je proste neco umele vybranyho, vytvorenyho na "zakazku". To se normalnimu cloveku nepovede a ani to nebude hledat.
Žiješ v omylu. To, co jsem udělal, jsem zoptimalizoval, aby se to zobrazovalo blbě ve všem jiném, než v IE (stačilo v IE udělat základ). To je totiž velmi častý případ. Někdo programuje web, dělá si náhledy v IE, kontroluje validitu (podle tebe jediné chyby) a když se na to potom podívá třeba ve FF, tak je na mrtvici, protože chyba je ta, že se to nezobrazuje podle toho, jak chce.
Vzniká to zejména když se používají nějaké těsné šířky. Obtékané menu/obrázky/divy/etc. v IE. Najednou to v jiných prohlížečích není obtékané a to, co má být vedle, je pod tím a další věci, které web rozhodí. Je to proto, že prohlížeče jinak zobrazují vnější okraje a rámečky. Jeden to zobrazuje "jako obraz" a když se prvku přidá rámeček, prvek se o něj zvětší, jako se o rám zvětší obraz (celý ten předmět), když jej zarámuješ. Jiné prohlížeče prvek zase zobrazují ve stylu "pozemek". Když oplotíš pozemek, nemůžeš si postavit obvodovou metr tlustou zeď vně pozemku, ale na něm.
Vím, že tě to nezajímá a ani se tím nezabýváš, protože nejsi programátor, ale uživatel. Celý můj původní příspěvek a i tento je pouze a jen o tom, že validační chyby nemají na vzhled a funkčnost webu takový vliv, jak si asi myslíš. Web se spoustou chyb funguje a zobrazuje se dobře (Google a jiné) a web, kde není ani jedna chyba, se zase zobrazuje blbě (viz ten můj).
Po delší době mám konečně trochu volno a tak jsem si řekl, že zkusím spravit alespoň pár chyb.
Při úpravě css stylů si pomáhám různými rozšířeními do Opery, Mozilly a chrome, prostě vývojářské nástroje, které mi ukážou, že kterou konkrétní část ovlivňuje konkrétní kus kódu.
Tady vidím pouze chybu, řádek na kterém se nachází, ale netuším v kterém konkrétním souboru *.php ji hledat a opravit. Poradíte jak postupovat? Díky!
v php souboru se to hledá těžce, jelikož se třeba vygeneruje kus z proměnné.
Zkoušej hledat někde podle okolního textu. A pokud to je v redakčním systému od někoho, kdo to i umí, asi bych nehledal chyby u něj, ale nejdříve u sebe (čili co jsem doplňoval).