Vlákno názorů k článku Statisíce ve vzduchu: zastaralý vs. moderní návrh webu od Tom Tobula - Pokud si jako hlavní kritérium vašich stránek dáte,...

Pokud si jako hlavní kritérium vašich stránek dáte, aby pokud možno ve většině hlavních prohlížečů (IE, Mozilla-Netscape, Opera) včetně verzí tak 3 roky nazpátek byly stránky plně a shodně zobrazeny, pak zjistíte, že:
- CSS (zejména CSS2) není plně podporováno v žádném prohlížeči
- v podpoře CSS jsou poměrně značné rozdíly i v nových verzích, co chodí v jednom, nechodí v jiném a naopak

Naopak zjistíte, že CSS je docela dobře použitelné pro styly textu. Pro layout ale jen pro nejjednodušší formáty.

Takže můj závěr je, že základní layout je zatím stále tabulkami a styly textu pak v CSS.

Též k případnému re-designu existují nástroje, které umožní efektivně předělat šablony založené na tabulkách.

Jinak je též dobré podívat se na nejrenomovanější weby firem jako CNN, NyTimes, BBC atd. atd. Všechny používají ony zavrhované tabulky, samé TR, TD... Podle autora to jsou asi úplní blbci, že.

Článek platí pouze tehdy, když tvoříte pro jediný prohlížeč, u kterého si korektní layout s CSS ověříte. To je případ některých intranetů.

Bohužel musím souhlasit. Pečlivě jsem si pročetl odkazovaný článek http://www.webtip.cz/art/wt_tech_html/wt_css02.html a zjistil jsem to samé co je řečeno o kousek výše. CSS je super na formátování písma, nedostižný v absolutní pozicování ale nahouby pro základní layout (doporučuji si přečíst tu část článku o neexistující implementace margin auto). Tedy, zatím zůstávám u tabulek.

Mozna kdyby lidi misto hledani argumentu proc neco nepouzit hledali informace jak to obejit, tyhle potize by nebyly. Treba margin: auto se da v IE velice snadno obejit pomoci jine chyby IE - text-align ktere funguje v IE v rozporu s normou i na blokove elementy. Takze proste nadrizeny element bude mit text-align: center a element ktery byl vycentrovan bude mit pak zase text-align: left (paklize mate text rovnany doleva).

Co se tyce zbytku, neni to zas takova potiz jak se nekteri snazi tvrdit. Beztabulkovy web se da rozchodit i v IE 5.0 coz je prohlizec stary nejakych 6 let a bez potizi rozchodi i xhtml 1.1

Jenze ono je to o tom ze kdyz nekdo nechce tak to nema smysl resit. Zakladni layout jde mimochodem bez potizi - podivejte se treba na seznam.cz. Nemluvim ted o obsahu ale beztabulkovy je a funguje v kde cem.

margin:auto pro horizontální zarovnávání není jen v IE, tam to jde obejít postupem popsaným ve zmíněném článku (tj. nadřazenému bloku text-align:center, centrovanému bloku vrátím zase text-align:left). Vertikální zarovnávání přes CSS je v běžných prohlížečích zatím na houby, naštěstí není moc potřeba.

Tedy budeme obcházet jednu chybu využitím chyby jiné. Pak můžeme ale dopadnout takto cit. z výše zmíněného článku:

V Mozille už to je odstraněno, ale margin: auto tam ještě není. Takže v Mozille zatím nic nevycentrujete...

tzn. oni jednu chybu odstraní (tu kterou jste využili) a tu původní tam nechají...a je to v háji.

Tohle podle mě není cesta, až to bude fungovat správně, bude to super a do té doby...

V Mozille JE margin: auto, centrování bloku mi v ní funguje úplně normálně, a to v několika verzích od 1.0 po 1.4. Jinak ten CSS hack na centrování je jediný, který je nutné používat častěji než výjimečně.

>V Mozille už to je odstraněno, ale margin: auto tam ještě není. Takže v Mozille zatím nic nevycentrujete...

Coze, odkdy? To bude asi fama. Zkousel jsem od 1.0.2 po 1.5a a nikde zadny problem. Nebo mate nejake konkretnejsi informace?

Vam se v Mozille treba zrovna Pixyho stranky ve stylu "Rekonstruktor @ home" nevycentruji?

Podle mne je i odkazovaný článek na webtip.cz příliš optimistický. Podpora CSS je v různých prohlížečích a jejich verzích dotažena velmi různě. Jen námatkou, CSS je např. hrozné pro odrážkované seznamy "Bulleted list". Ty marginy těch bulletů fungují naprosto strašně různě. Což je velká otrava, protože i kvůli seznamům lepit tabulky je práce nanic.

Možná, že se na CSS kompletně přejde tak za 2-3 roky, možná už nikdy, že místo toho bude XML + něco jako XSLT, kdo ví.

Ty marginy těch bulletů fungují naprosto strašně různě.

Problém je jen v tom, že každý prohlížeč má jiný default. Když si nastavíte margin i padding u elementů ul i li, nebudete mít moc problémy (pokud byste si tedy nechtěl hrát s countery a generovaným obsahem).

Reknu to takhle - web nedelate pro grafiku ale pro obsah. Pokud se trosku snazite, dokazete aby vas web vypadal slusne i pri nekterych problemech. Nesmite na tom web proste stavet - stejne nikdy nedosahnete identickeho vzhledu ve vsem. Jde to treba opera/mozilla/IE/konqueror/safari. Ale kdyz si nekdo prohlizi web na mobilu, PocketPC nebo necem podobnem tak uz ne... a co teprv kdyz ma lednicku ;)

Proto je treba stavet web tak aby vam logicka struktura zustala konzistentni. Typicka chyba je treba umistovani obrazku pomoci tabulky - tam uz to totiz konzistentni nebude.

Co se tyce odrazek, to neni zadny problem. Nikde neni receno co ma byt pres padding ul, margin ul atd. Jak na to ma na svych strankach R. Fridrich http://www.fczbkk.com/css/odrazky.html

V praxi nic sloziteho, proste vynulujete vsechny paddingy a marginy a pak si to stanovite jednotne.

"Pokud si jako hlavní kritérium vašich stránek dáte, aby pokud možno ve většině hlavních prohlížečů (IE, Mozilla-Netscape, Opera) včetně verzí tak 3 roky nazpátek byly stránky plně a shodně zobrazeny…"

Otázka je, proč si klást takové divné cíle. Samozřejmě, kompletní obsah musí být přístupný ve všech rozumných prohlížečích a zařízení, ale proč by měl být zobrazen shodně? Napadá vás nějaký rozumný důvod?

Co se týče CNN, NYT a BBC, nejsou to blbci. Jsou jen možná trochu konzervativní a působí na trhu s jinými podmínkami. CSS layouty mají problémy s NN4 takže tam, kde je jeho zastoupení vyšší, nemusí být tou správnou volbou.

Lycos dělal redesign asi před rokem a právě zástoupení NN4 na cílovém trhu bylo tím hlavním kritériem rozhodování. Část svých místních portálů udělal v CSS, část (např. Německo) ponechal v tradičním tr-td-font. Když Yahoo! o rok později (tj. letos) předělávalo Yahoo! Search, už sáhlo rovnou po CSS layoutu.

No dobře, je-li CSS opravdu tak hrozné pro formátování okrajů seznamů UL, tak nám navrhněte jiný způsob, jak tyto seznamy formátovat. Ono je to totiž tak, že žádným jiným způsobem formátovat nejdou (pokud jde o umístění odrážky vůči textu). Článku vyčítáte demagogii, ale sám s ní rohodně nešetříte :-)

Ano, podstatna vec ale je ze i kdyz tu chybu odstrani, vasim strankam se nic nestane. Daleko cistejsi nez hack. Stejnou metodou se dela treba min-width pro IE atd.