Starší komentáře ke článku: Individualizace stylopisů k eliminaci chyb prohlížečů - praktické postupy roku 2004
Zpět na článek | Úvodní stránka Interval.cz
Datum vložení: 22.12.2004 12:10:40
někde jsem četl, že se dá jakousi metodou v CSS vykreslit poloprůhledný IMG ve formátu PNG i v MSIE. Netušíte někdo jestli se dá nějak vykreslit poloprůhledný PNG i na pozadí nějakého elementu???
Datum vložení: 22.12.2004 12:48:06
jda akle je to silena opoicarna
Datum vložení: 22.12.2004 12:57:14
vlastne kecam ten prvek sam o sobe je klikatelnej ale jeho deti uz ne.
position: relative;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="alphaimage.png",sizingMethod="scale");
height: 0px;
Datum vložení: 22.12.2004 14:23:08
na pozadí ano, ale jen v moderních prohlížečích (čti: ne MSIE)
Datum vložení: 28.1.2005 3:52:10
Problém alfa priehľadnosti PNG v MSIE je samozrejme možné vyriešiť aj na strane servera: <a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://www.koivi.com/ie-png-transparency/' target='_blank'>http://www.koivi.com/ie-png-transparency/</a>
Tam uvedený PHP skript vychádza z riešenia, ktoré spomína wiki.
Tento skript však nie je všeliekom (funguje len v MSIE5+). A s PNG na pozadí elementu Vám asi nepomôže.
Datum vložení: 22.12.2004 13:28:45
Chci se zeptat, jestli není elegantnější to vše vyřešit až vnořeným importováním?
Nějak takto:
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
style.css
{
@import 'style2.css'; /* podporované prohlížeče */
/* plus úplně základní věci i pro ty staré bestie ;-) */
}
style2.css
{
/* styly pro "dokonalé" prohížeče + Pixyho explorerové síto */
#prvek
{
color: black; /* styl pro všechny prohlížeče */
_color: red; /* styl jen pro IE/Win, všechny verze */
_color/**/: orange; /* styl jen pro IE/Win, jen 5.5 a vyšší */
_co\lor: yellow; /* styl jen pro IE/Win, jen 6.0 a vyšší */
}
html>body #prvek { color: green }
/* styl pro všechny prohlížeče mimo IE/Win */
#prvek[id] { color: blue }
/* styl pro všechny prohlížeče mimo IE (včetně IE/Mac) */
}
Zatím moc praktických zkušeností nemám, proto se ptám, proč ne takhle. Nebo ano? ;-)
Datum vložení: 22.12.2004 14:07:53
Ad style.css: Tento záměr je OK.
Ad style2.css: Tady se mi nelíbí, že mají k trikům (mezi nimž je dokonce nevalidní podtržítkový trik) přístup všechny prohlížeče, které projdou přes at-pravidlo @import.
Datum vložení: 22.12.2004 13:34:43
Docela zajímavý článek, ale možná by nebylo na škodu, kdyby ste do jeho obsahu začlenil i postup, jak pracovat s řešením zobrazovacích chyb(rozdílů oproti WIN prohlížečům) v Safari na MACu.
Není to zrovna nejjednodušší řešení a tak by jistě spousta čtenářů ocenila jeho uvedení.
Také mě trošku zaskočilo konstatování, že v "dobrých" prohlížečích(Op,Moz.), již bychom neměli věnovat pozornost odlaďování renderovacích odchylek. S tímto určitě nemůžu souhlasit, protože občas dochází k situacím, v nichž se na totožném zobrazení neschodnou ani Opera s Mozillou, či dokonce Mozilla s Firefoxem(týká se spíše starších verzí).
Formulace vašeho textu asi nebyla přesná, ale myšlenku mé připomínky z toho jistě vytušíte.
Pro ty, které toto téma zajímá, uvádím další praktické odkazy:
<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://www.dithered.com/css_filters/css_only/index.php' target='_blank'>http://www.dithered.com/css_filters/css_only/index.php</a> - jedna z nejlepších stránek s komplexním přehledem CSS, XHML i JS hacků
<a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://imfo.ru/csstest/css_hacks/import.php' target='_blank'>http://imfo.ru/csstest/css_hacks/import.php</a> - rozlišení jednotlivých verzí prohlížečů pomocí importu
Datum vložení: 22.12.2004 14:18:44
Téma chyb zobrazování je tématem seriálu Implementační chyby v prohlížečích: <a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://interval.cz/serial.asp?serial=17' target='_blank'>http://interval.cz/serial.asp?serial=17</a>
Nevidím v článku místo, kde bych měl konstatovat, že nemáme řešit odchylky ve zobrazování "dobrých" prohlížečů. Jen říkám, že máme používat jen to, co umí všechny tyhle prohlížeče stejně dobře. Můžete, prosím, upřesnit, jak to myslíte?
Děkuji Vám za Vaše tipy, zejména na tu druhou tabulku (tu jsem neznal). Všechny relevantní odkazy (včetně Vámi zmíněných) najdete na stránce: <a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://www.mraveniste.org/css/triky.html#odkazy' target='_blank'>http://www.mraveniste.org/css/triky.html#odkazy</a>
Datum vložení: 22.12.2004 17:28:31
"V prohlížečích dokonalých se nebudeme žádnou individualizací zabývat. Budeme prostě používat pouze průnik množin funkcí podporovaných jednotlivými prohlížeči. Tento průnik je již dostatečně rozsáhlý, aby vystačil na graficky skvělé a bezvadné weby."
V tomto odstavci vidím jakési nasměrování k tomu, aby se vývojáři stránek nezabývali individuálními rozdíli mezi "dokonalými" prohlížeči. Někdy ovšem nepostačí ani využití průniku množin funkcí a je potřeba sáhnout po jiném řešení - hacková separace CSS definic apod.
Datum vložení: 22.12.2004 17:34:16
Mrzí mě, že odstavec vyznívá trochu jinak, než jsem jej zamýšlel. Chtěl jsem říci, že jeden styl MUSÍ být společný pro všechny MODERNÍ "DOKONALÉ" prohlížeče. Řešit nějaké CSS triky v poslední verzi stále vyvíjeného prohlížeče je IMHO, nezlobte se na mě, prosím, nesmysl.
Můžete být konkrétní, kde individualizaci potřebujete? Resp. kdy Vám nestačí zmíněný průnik?
Datum vložení: 22.12.2004 20:59:31
Kdykoliv kdy mezi cílovou skupinu uživatelů webu patří lidé s Internet Explorerem.
X-(
Datum vložení: 23.12.2004 9:41:30
Tak Vám už vůbec nerozumím. Zdá se mi, jako byste vůbec článek nečetl.
Datum vložení: 23.12.2004 9:40:33
Nesmysl to zřejmě není. Samozřejmě nenám na mysli nějaké betaverze prohlížečů, ale např. finální verzi z dané řady (Moz. 1.7 apod.). Ačkoli je prohlížeč stále ve vývoji - což je logické, protože ho tvůrci mají snahu stále zdokonalovat - potřebuji občas odstranit některé vykreslovací neduhy. Uživatele totiž asi nebude zajímat, že se prohlížeč vyvíjí, ale spíše to, že se mu stránka nezobrazila úplně dobře.
No nic ... snad to k tomuto tématu úplně stačí. Nemám potřebu to nějak rozmazávat do detailů.
Datum vložení: 23.12.2004 9:45:25
Na to lze poradit prostou věc: Používejte jen to, co tyto nové moderní prohlížeče umí bez problémů.
Datum vložení: 23.12.2004 7:33:07
jenže problém je v tom, že dokonalé prohlížeče nemá nikdo, pak dlouho nic, moderní má menšina pak dlouho nic a starý šunt většina (ano myslím jakýkoliv msie)
Datum vložení: 23.12.2004 8:15:58
Ono by možná stačilo formulaci "dokonalé prohlížeče" nahradit za "prohlížeče bez zásadních implementačních chyb" a pak už by se dalo přežít, protože byste za určitých snadno dosažitelných podmínek mohl vzít na milost i MSIE6 ;-)
Datum vložení: 23.12.2004 9:41:44
Zkutečně je to "divný" pojem.
Datum vložení: 23.12.2004 9:47:03
Je to jen pojem, jehož význam je reprezentován skupinou prohlížečů je v něm obsažena. Proto tam v závorce za tímto pojmem jsou vyjmenovány.
Datum vložení: 23.12.2004 9:56:28
Já to chápu, ale evidentně jsou zde lidé, kteří mohou být tímto pojmem zmateni nebo ho i záměrně proti článku zneužívat...
Datum vložení: 23.12.2004 10:02:00
No to je fakt, to je fakt. Na druhou stranu se ale své terminologie vzdát nechci. Tím že něco nazývám "dokonalé prohlížeče" totiž zároveň naznačuji, aby k nim jako k dokonalým bylo přistupováno. Když tak neučiníme, tak se ze své práce zblázníme.
Datum vložení: 24.12.2004 22:13:01
Ja mam opacny problem, ako tu citam. Spravil som stranky v Dreamviewer 5 s CSS, ktorych kod program vygeneroval. Ja nemam tolko skusenosti, aby som ich vedel pisat.
V MSIE 6 sa mi stranka zobrazi presne tak, ako chcem. Firefox (myslim ze verzia 0.7 beta) vsak ignoruje CSS a zobrazi vsetky fonty nastavene ako default.
Ak niekto viete, ako tento problem vyriesit, prosim napiste mi na mail.
Dik
Datum vložení: 25.12.2004 10:03:23
michale, pokud zde neuvedeš odkaz ap., tak Ti asi někdo poradí. Chyba je asi v definici písma, ale .....
Datum vložení: 25.12.2004 10:04:07
chtěl jsem napsat "těžko poradí".
Datum vložení: 25.12.2004 10:26:08
Jak čtu Váš komentář, tak se tak trochu bojím, abyste si neudělal závěr typu: Mé stránky zobrazí tak jak chci jen MSIE6, proto je nejlepší prohlížeč. Tak to totiž pochopitelně není.
Bohužel neznám Váš mail a nemohu vám proto napsat. Pošlete mi odkaz na web se zmíněným problémem na janbien@mraveniste.org, poradím Vám.
Datum vložení: 28.12.2005 19:48:54
Je to sice oneskorena reakcia, ale niekto by mohol mat podobny problem. Firefox a podobne prehliadace (t.j. tie dokladnejsie a nedomyslajuce si rozne veci), nezoberu CSS ak je ulozene v inom kodovani (UTF-8, WINDOWS-1250, UNICODE, ISO normy a pod.) ako je uvedene v dokumente, prip. ak nie je uvedene ziadne kodovanie CSS suboru v subore (X)HTML. Aspon ja som sa s tymto stretol. Konkretne ide o atribut charset v elemente link. Tento atribut musi byt zhodny s typom ulozeneho dokumentu. Moj pripad bol, ze som mal XHTML dokument v norme ISO-8859-2 a CSS dokument nedopatrenim ako UNICODE, atribut charset som neuviedol, a dokument si v prehliadaci vobec nenatiahol styly, ak neratam IE.
Datum vložení: 29.12.2004 11:46:51
hodne dlhu dobu premyslam o stylovani aj pre prehliadace v mobilnych zariadeniach, podla mojho nazoru by sa tomu malo tiez venovat.
Dobre postavene dokumenty totiz so spravne pouzitym CSS mozu napomoct zobrazeniu webstranok v tychto zariadeniach s minimom namahy.
Problemom malych zariadeni je hlavne nutnost prisposobit sirku zobrazenia stranky - napriklad prevod stranky z x stlpcov na jeden stlpec, uprava margin, padding, vymena vacsich obrazkov (v titulke logo) za mensie a podobne.
Prirovnavam stylopis pre handheld (media) k takpovediac uz akceptovanej povinnosti vytvarat stylopis pre media print.
ruka v ruke s tymto (media handheld) ide aj nutnost odlisovat verzie prehliadacov na tychto zariadeniach, konkretne ide o skusenosti, ktore je mozne ziskat ich testovanim - napriklad PocketIE ma problem so stylopismi vkladanymi cez @import - on totiz spracuva stylopisy pre media screen namiesto spravneho media handheld, pricom ale stylopisy vkladane cez link spracuje podla vsetkeho spravne.
Datum vložení: 3.1.2005 23:21:20
No fuj!
Proc autor doporucuje minoritni prohlizece zcela odstrihnout od css? Vzdyt napriklad Konqueror (nebo treba Galeon) je skvely prohlizec, ktery zvlada css velmi dobre, takze nevidim duvod proc by meli jeho uzivatele videt text bez stylu... Nevim jestli tu deklaraci s @ Konqueror sezere nebo ne, ale prijde mi krajne nevhodne brat VSECHNY OSTATNI prohlizece (jine nez FF, IE, Opera a Safari) jako odpad.
Datum vložení: 4.1.2005 10:19:15
Konqueror samozřejmě patří mezi prohlížeče dokonalé, at-pravidly @import i @media (aspoň doufám ;-)) projde. Asi bych měl do článku přidat větičku, že všechny tyto další prohlížeče, které teprve své uživatele získávají a jsou v kvalitním vývoji řadíme do první skupiny, tedy mezi prohlížeče dokonalé.
Datum vložení: 7.1.2005 9:29:02
Příkaz @import umí odfiltrovat i jiné verze prohlížečů než "čtyřkové" IE a NN. Například zápis @import'styl.css' (ano, bez mezery) odfiltruje IE 5.0. Víc v článku <a href='http://interval.cz/__redirect/redirect.asp?what=interval_discussion&url=http://suplik.petnik.cz/index.php?cl=311' target='_blank'>http://suplik.petnik.cz/index.php?cl=311</a> a odkazech zde i tam uvedených.