Také gratuluji, ale nemohu si odpustit kritiku. MobilMania je odladěná pouze pro Internet Explorer, na jiné prohlížeče se z vysoka kašle. Vzhledem množství čtenářů a vzhledem k technickému zaměření serveru je to až neuvěřitelné!!! Přitom je jasné, že mezi čtenáři MobilManie je vyšší procento lidí s alternativními prohlížeči než mezi všemi uživateli Internetu. Asi nejvíc otravné je titěrné písmo v Mozille/Firefoxu. Na sesterském webu www.zive.cz je ale vše v pořádku - tady už zůstává rozum stát.
Velikost písma v CSS se dá jednoduše nastavit tak, aby to vypadalo ve všech prohlížečích stejně. Milá MobilManio, dočkáme se toho někdy? Zkusmo jsem si otevřel velké množství serverů v IE a v Mozille. Vypozoroval jsem 4 základní přístupy k tomuto problému:
1) Používá se pevná velikost písma v px.
Výhoda: vypadá to všude stejně.
Nevýhoda: v Internet Exploreru nelze měnit velikost.
Příklad: www.marigold.cz
2) Používají se symbolické názvy velikosti písma (x-small, medium, large, ...).
Výhoda: žádná. Webmaster si většinou ušetřil práci a web odladil pouze pro IE.
Nevýhoda: každý prohlížeč interpretuje symbolické názvy názvy jinak. V Mozille se zdá písmo malé.
Příklad: www.mobilmania.cz - Fuj, fuj, fuj. Tak velký server, navíc technicky zaměřený, a přitom odladěný jenom pro IE. Server získává cenu Kyselá prdel Internetu.
3) Používají se symbolické názvy velikosti písma (x-small, medium, large, ...), ale navíc je použita nějaká metoda, která způsobí, že různé prohlížeče dostanou jiný CSS styl. Například dynamicky generovaný styl v PHP, různé CSS hacky apod.
Výhoda: v nejrozšířenějších prohlížečích vypadá písmo stejně velké.
Nevýhoda: Není to obecné řešení. A funguje jen do doby, než si uživatel změní identifikaci prohlížeče v HTTP hlavičce User-Agent. Je potřeba udržovat různé varianty stylů.
Příklad: www.cdr.cz
4) Vlastnost font-size je definována v procentech, symbolické názvy se nepoužívají.
Výhoda: vypadá to všude stejně, obecné řešení, stačí 1 varianta stylu.
Nevýhoda: žádná
Příklad: www.sovavsiti.cz, www.zive.cz